.dc-text--red{color:#ff0202}.dc-text--blue{color:#0479d9}.dc-text--green{color:#e8f5ff}.dc-text--orange{color:#e07800}.dc-text--purple{color:#6e30b8}.dc-text--gray{color:#666}.dc-text--darkred{color:#ce0000}.dc-text--darkblue{color:#034f8e}.dc-text--darkgreen{color:#b5dfff}.design-code{font-family:urbane,sans-serif;color:#001b4c}.dc-tabs-wrap{background:#fff;border-bottom:none;position:sticky;top:0;z-index:1}.dc-tabs-inner-parent{position:relative}.dc-tabs-inner-parent::after{content:"";position:absolute;top:0;right:0;width:100px;height:100%;background:linear-gradient(to right,rgba(255,255,255,0),#fff);pointer-events:none}.dc-tabs-inner{max-width:1490px;margin:0 auto;padding:10px 10px;display:flex;align-items:center;gap:16px;flex-wrap:wrap;position:relative}@media (max-width:991px){.dc-tabs-inner{overflow:scroll}}@media (max-width:767px){.dc-tabs-inner{padding:10px 16px;gap:8px}}.dc-tabs__back{display:inline-flex;align-items:center;gap:5px;font-size:13px;font-weight:600;color:rgba(0,27,76,.5);text-decoration:none;white-space:nowrap;flex-shrink:0;margin-right:4px;transition:color 140ms}.dc-tabs__back:hover{color:#0479d9}.dc-tabs__back svg{flex-shrink:0}.dc-tabs{display:flex;align-items:center;gap:8px;flex-wrap:wrap}@media (max-width:991px){.dc-tabs{min-width:800px;align-items:flex-start}}.dc-tabs button.dc-tab{border:1.5px solid #001b4c;border-radius:100px;padding:7px 20px;font-family:urbane-rounded,sans-serif;font-size:14px;font-weight:600;color:#001b4c;background:0 0;cursor:pointer;white-space:nowrap;transition:background 150ms,color 150ms,border-color 150ms}.dc-tabs button.dc-tab:hover{border-color:#001b4c}.dc-tabs button.dc-tab--active{background:#001b4c;color:#fff;border-color:#001b4c}.dc-tabs button.dc-tab:focus-visible{outline:2px solid #0479d9;outline-offset:2px}.dc-toolbar{background:#fff;border-bottom:none;position:sticky;top:56px;z-index:1}.dc-toolbar__inner{max-width:1490px;margin:0 auto;padding:0 10px;display:flex;align-items:center;height:64px;gap:24px}@media (max-width:767px){.dc-toolbar__inner{padding:10px 16px;height:auto;flex-wrap:wrap;gap:10px}}.dc-toolbar__label{font-family:urbane-rounded,sans-serif;font-size:15px;font-weight:700;color:#001b4c;white-space:nowrap;flex-shrink:0}@media (max-width:900px){.dc-toolbar__label{display:none}}.dc-toolbar__search-wrap{flex:1;position:relative;min-width:120px}.dc-toolbar__search-wrap::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:16px;height:16px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none'%3E%3Ccircle cx='8.5' cy='8.5' r='5.5' stroke='%23001b4c' stroke-width='1.6'/%3E%3Cpath d='M13 13l3.5 3.5' stroke='%23001b4c' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat;opacity:.45}.dc-toolbar__search{width:100%!important;border:none!important;border-bottom:1.5px solid #d6dce6!important;border-radius:0!important;padding:8px 16px 8px 30px!important;font-family:urbane,sans-serif;font-size:15px;color:#001b4c;outline:0;background:0 0!important;transition:border-color 180ms,background 180ms}.dc-toolbar__search::placeholder{color:rgba(0,27,76,.35)}.dc-toolbar__search:focus{border-color:#0479d9;background:#fff}.dc-toolbar__filter{display:flex;align-items:center;gap:8px;flex-shrink:0}.dc-toolbar__filter-label{font-size:14px;font-weight:600;color:#001b4c;white-space:nowrap}.dc-toolbar__filter-wrap{position:relative;display:flex;align-items:center}.dc-toolbar__filter-chevron{position:absolute;right:12px;pointer-events:none;color:#001b4c;opacity:.5}.dc-toolbar__filter-select{appearance:none;border:1.5px solid #d6dce6;border-radius:100px;padding:7px 36px 7px 16px;font-family:urbane,sans-serif;font-size:14px;font-weight:700;color:#001b4c;background:#fff;cursor:pointer;outline:0;transition:border-color 150ms;min-width:90px}.dc-toolbar__filter-select--must{color:#ff0202;border-color:#ff0202}.dc-toolbar__filter-select--should{color:#003a33;border-color:#003a33}.dc-toolbar__filter-select--can{color:#e8f5ff;border-color:#e8f5ff}.dc-sections-row:nth-child(odd){background:#fff}.dc-sections-row:nth-child(2n){background:#e8f5ff}.dc-sections-wrap{max-width:1490px;margin:0 auto;padding:32px 10px 80px;display:flex;flex-direction:column;gap:24px}@media (max-width:767px){.dc-sections-wrap{padding:20px 16px 60px;gap:16px}}.dc-section-card{background:#fff;border-radius:16px;border:1px solid #e5e5e5;overflow:hidden;scroll-margin-top:140px}.dc-section-card__inner{display:grid;grid-template-columns:1fr 470px}@media (max-width:960px){.dc-section-card__inner{grid-template-columns:1fr}}.dc-section-card__main{padding:40px 40px 48px;border-right:1px solid #d6dce6;min-width:0}@media (max-width:960px){.dc-section-card__main{border-right:none;border-bottom:1px solid #d6dce6;padding:28px 24px 32px}}@media (max-width:767px){.dc-section-card__main{padding:20px 16px 24px}}.dc-section-card__examples{padding:40px 28px 48px}@media (max-width:960px){.dc-section-card__examples{padding:28px 24px 32px}}@media (max-width:767px){.dc-section-card__examples{padding:20px 16px}}.dc-section__title{font-family:urbane-rounded,sans-serif;font-size:clamp(22px, 3vw, 30px);font-weight:600;letter-spacing:-.02em;color:#001b4c;margin:0 0 20px}.dc-subsection__title{font-family:urbane-rounded,sans-serif;font-size:15px;font-weight:600;color:#001b4c;margin:28px 0 12px}.dc-subheading{font-style:italic;font-size:15px;font-weight:600;color:#ff0202;margin:20px 0 8px}.dc-context{margin-bottom:12px}.dc-context p{font-size:15px;line-height:1.7;color:#001b4c;margin:0 0 10px}.dc-context p:last-child{margin-bottom:0}.dc-context ul.dc-list{margin:6px 0 10px;padding:0;list-style:none}.dc-context ul.dc-list li{position:relative;padding-left:16px;font-size:15px;line-height:1.7;color:#001b4c}.dc-context ul.dc-list li::before{content:"";position:absolute;left:0;top:9px;width:6px;height:6px;border-radius:50%;background:#0479d9}.dc-context ul.dc-list li.dc-list__item--nested{padding-left:28px}.dc-context ul.dc-list li.dc-list__item--nested::before{left:14px}.dc-rule{position:relative;border-top:1px solid #d6dce6}.dc-rule:last-of-type{border-bottom:1px solid #d6dce6}.dc-rule__toggle{display:flex;flex-direction:row;align-items:stretch;width:100%;padding-left:110px;cursor:pointer;user-select:none}@media (max-width:600px){.dc-rule__toggle{padding-left:80px}}.dc-rule__toggle:focus-visible{outline:2px solid #0479d9;outline-offset:2px}.dc-rule__toggle[aria-expanded=true] .dc-rule__chevron{transform:rotate(180deg)}.dc-rule__badge{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;position:absolute;top:0;left:0;bottom:0;width:110px;padding:16px 10px;text-align:center;color:#fff}@media (max-width:600px){.dc-rule__badge{width:80px}}.dc-rule__type{font-family:urbane,sans-serif;font-size:15px;font-weight:600;letter-spacing:.04em;line-height:1}.dc-rule__crn{font-size:11px;font-weight:600;opacity:.9;line-height:1}.dc-rule__preview{flex:1;min-width:0;padding:14px 12px;font-size:15px;line-height:1.5;color:#001b4c;white-space:normal;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;padding-right:20px}@media (max-width:600px){.dc-rule__preview{white-space:normal;font-size:14px;padding:12px 8px}}.dc-rule__chevron{flex-shrink:0;color:rgba(0,27,76,.4);margin-right:16px;transition:transform .2s;align-self:center}.dc-rule__body{display:none;padding:4px 16px 20px 126px}@media (max-width:600px){.dc-rule__body{padding:4px 12px 16px 92px}}.dc-rule__body--open{display:block}.dc-rule__text p{font-size:15px;line-height:1.7;color:#001b4c;margin:0 0 8px}.dc-rule__text p:last-child{margin-bottom:0}.dc-rule__text ul.dc-list{margin:6px 0 0}.dc-rule__additional{margin-top:12px;padding-top:12px;border-top:1px solid #d6dce6}.dc-rule__additional p{font-size:14px;line-height:1.65;color:rgba(0,27,76,.7);margin:0 0 6px}.dc-rule__additional p:last-child{margin-bottom:0}.dc-rule--must .dc-rule__badge{background:#001b4c}.dc-rule--should .dc-rule__badge{background:#0479d9}.dc-rule--can .dc-rule__badge{background:#e8f5ff;color:#001b4c}.dc-rule--golden-rule .dc-rule__badge{background:#1de377;color:#001b4c}.dc-rule--design-principle .dc-rule__badge{background:#ffd26f;color:#001b4c}.dc-table-wrap{margin-bottom:16px;overflow-x:auto}.dc-table__title{font-family:urbane-rounded,sans-serif;font-size:16px;font-weight:600;color:#001b4c;margin:0 0 8px}.dc-table{width:100%;border-collapse:collapse;font-size:14px;line-height:1.5}.dc-table td,.dc-table th{border:1px solid #d6dce6;padding:8px 10px;text-align:left;vertical-align:top;color:#001b4c}.dc-table thead th{background:#e8f5ff;font-weight:600}.dc-table tbody th{background:#f2f2f2;font-weight:600;white-space:nowrap}.dc-table p{margin:0 0 6px}.dc-table p:last-child{margin-bottom:0}.dc-examples__title{font-family:urbane-rounded,sans-serif;font-size:25px;font-weight:600;color:#0479d9;margin:0 0 20px}.dc-example-image{margin:0 0 20px}.dc-example-image__wrap{position:relative;display:block;border-radius:10px;overflow:hidden;cursor:pointer}.dc-example-image__wrap:hover .dc-example-image__expand{opacity:1;transform:scale(1.08)}.dc-example-image img{display:block;width:100%;height:auto;border-radius:10px}.dc-example-image__expand{position:absolute;top:8px;right:8px;line-height:0;opacity:.85;transition:opacity 150ms,transform 150ms;filter:drop-shadow(0 1px 3px rgba(0, 0, 0, .35));pointer-events:none}.dc-example-image__badge{position:absolute;top:10px;left:10px;line-height:0;pointer-events:none;filter:drop-shadow(0 2px 4px rgba(0, 0, 0, .25))}.dc-example-image__badge svg{width:32px;height:32px}.dc-example-image figcaption{margin-top:8px;font-size:13px;font-weight:600;line-height:1.5;color:#001b4c}.dc-example-image--no-zoom .dc-example-image__wrap{cursor:default}.dc-example-image--no-zoom .dc-example-image__wrap:hover .dc-example-image__expand{opacity:0;transform:none}.dc-example-image--no-zoom .dc-example-image__expand{display:none}.dc-lightbox{display:none;position:fixed;inset:0;z-index:9999;background:rgba(0,0,0,.85);align-items:center;justify-content:center;padding:24px}.dc-lightbox--open{display:flex}.dc-lightbox__inner{position:relative;max-width:90vw;max-height:90vh;display:flex;flex-direction:column;align-items:center;gap:12px}.dc-lightbox__stage{display:flex;align-items:center;gap:16px}.dc-lightbox__img{display:block;max-width:min(800px,80vw);max-height:75vh;border-radius:12px;box-shadow:0 8px 40px rgba(0,0,0,.5);object-fit:contain}.dc-lightbox__nav{flex-shrink:0;background:rgba(255,255,255,.12);border:1.5px solid rgba(255,255,255,.25);border-radius:50%;width:44px;height:44px;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;transition:background 150ms}.dc-lightbox__nav:hover:not(:disabled){background:rgba(255,255,255,.22)}.dc-lightbox__nav:disabled{opacity:.3;cursor:default}.dc-lightbox__nav:focus-visible{outline:2px solid #0479d9;outline-offset:2px}@media (max-width:600px){.dc-lightbox__nav{position:fixed;top:50%;transform:translateY(-50%)}.dc-lightbox__nav--prev{left:12px}.dc-lightbox__nav--next{right:12px}}.dc-lightbox__caption{color:rgba(255,255,255,.75);font-size:13px;line-height:1.5;text-align:center;margin:0;max-width:600px}.dc-lightbox__counter{color:rgba(255,255,255,.45);font-size:12px;margin:0}.dc-lightbox__close{position:fixed;top:20px;right:20px;background:rgba(255,255,255,.12);border:1.5px solid rgba(255,255,255,.25);border-radius:50%;width:44px;height:44px;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;transition:background 150ms;flex-shrink:0}.dc-lightbox__close:hover{background:rgba(255,255,255,.22)}.dc-lightbox__close:focus-visible{outline:2px solid #0479d9;outline-offset:2px}.dc-index{max-width:1490px;margin:0 auto;padding:48px 40px 80px}@media (max-width:767px){.dc-index{padding:28px 16px 60px}}.dc-chapter-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}.dc-chapter-card{display:flex;flex-direction:column;gap:6px;padding:24px 24px 20px;border:1.5px solid #d6dce6;border-radius:12px;background:#fff;text-decoration:none;color:#001b4c;transition:border-color 160ms,box-shadow 160ms,transform 150ms}.dc-chapter-card:hover{border-color:#0479d9;box-shadow:0 4px 16px rgba(0,27,76,.08);transform:translateY(-2px)}.dc-chapter-card:hover .dc-chapter-card__arrow{transform:translateX(4px);color:#0479d9}.dc-chapter-card__title{font-family:urbane,sans-serif;font-size:16px;font-weight:600;line-height:1.35;color:#001b4c;flex:1}.dc-chapter-card__count{font-size:12px;font-weight:500;color:rgba(0,27,76,.45)}.dc-chapter-card__arrow{align-self:flex-end;color:rgba(0,27,76,.3);transition:transform .2s,color 160ms}.dc-empty{padding:48px 40px;text-align:center}.dc-empty p{font-size:16px;color:rgba(0,27,76,.55)}.dc-empty a{color:#0479d9;text-decoration:underline}