:root{--ink: #0b0a11;--muted: #646373;--violet: #4b35d3;--violet-dark: #3126a8;--violet-light: #f1edff;--pink-light: #f8e1ec;--blue-light: #dff3fa;--yellow-light: #fff0bf;--green-light: #dff7e4;--line: rgba(11, 10, 17, .16);--line-strong: rgba(11, 10, 17, .38);--radius: 7px;--sans: Arial, Helvetica, sans-serif;color:var(--ink);background:#fff;font-family:var(--sans);font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:#fff}button,input,select,textarea{font:inherit;color:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip-link{position:fixed;z-index:100;left:1rem;top:1rem;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;background:var(--ink);color:#fff}.skip-link:focus-visible{width:auto;height:auto;padding:.75rem 1rem;overflow:visible;clip:auto}.site-header{min-height:88px;padding:14px max(40px,calc((100vw - 1240px)/2));display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:44px;border-bottom:1px solid var(--line);background:#fff}.brand{width:fit-content;display:flex;align-items:center;gap:20px;text-decoration:none}.brand img{width:170px;height:52px;object-fit:contain;object-position:left center}.brand__descriptor{padding-left:20px;border-left:1px solid var(--line-strong);font-size:10px;font-weight:700;letter-spacing:.15em;text-transform:uppercase}.main-nav{align-self:stretch;display:flex;align-items:center;gap:36px}.main-nav a{height:100%;display:grid;place-items:center;border-bottom:3px solid transparent;text-decoration:none;font-size:14px;font-weight:600}.main-nav a:first-child{border-bottom-color:var(--violet)}.button{min-height:44px;padding:0 21px;border:1px solid var(--ink);border-radius:var(--radius);background:#fff;display:inline-flex;align-items:center;justify-content:center;gap:10px;text-decoration:none;font-size:14px;font-weight:700;transition:background .15s,border-color .15s}.button--primary{border-color:var(--violet);background:var(--violet);color:#fff}.button--primary:hover{border-color:var(--violet-dark);background:var(--violet-dark)}.button:disabled{opacity:.55;cursor:wait}.button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible{outline:3px solid #62bfd7;outline-offset:3px}.header-action{white-space:nowrap}.hero{min-height:430px;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(340px,.65fr);border-bottom:1px solid var(--line)}.hero__copy{width:100%;max-width:820px;margin-left:max(40px,calc((100vw - 1240px)/2));padding:70px 60px 62px 0}.hero h1{max-width:760px;margin:0 0 24px;font-size:clamp(54px,5.4vw,82px);line-height:.98;letter-spacing:-.066em}.hero p{margin:0;color:var(--muted);font-size:clamp(18px,1.7vw,24px);line-height:1.35}.hero__art{min-width:0;background:url(/assets/brand/fdiha-background-06.png) center / cover no-repeat;opacity:.72;-webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.14) 12%,#000 48%);mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.14) 12%,#000 48%)}.library-search{width:min(100%,560px);height:52px;margin-top:36px;padding:0 16px;display:flex;align-items:center;gap:12px;border:1px solid var(--line-strong);border-radius:var(--radius);background:#fff}.library-search:focus-within{border-color:var(--violet)}.library-search input{width:100%;border:0;outline:0;background:transparent;font-size:16px}.areas-section,.resources-section{width:min(100% - 80px,1240px);margin-inline:auto;padding-block:58px 66px}.areas-section h2,.section-heading h2{margin:0 0 27px;font-size:clamp(36px,3.5vw,51px);line-height:1;letter-spacing:-.052em}.area-list{border-top:1px solid var(--line)}.area-row{width:100%;min-height:94px;padding:17px 8px 17px 0;border:0;border-bottom:1px solid var(--line);background:transparent;display:grid;grid-template-columns:54px minmax(0,1fr) 32px;align-items:center;gap:18px;text-align:left}.area-row:hover .area-row__copy strong{color:var(--violet)}.area-row--selected{background:var(--violet-light)}.area-marker{width:36px;height:36px;border-radius:50%;background:var(--pink-light)}.area-row--2 .area-marker{background:var(--blue-light)}.area-row--3 .area-marker{background:var(--yellow-light)}.area-row--4 .area-marker{background:var(--green-light)}.area-row__copy strong,.area-row__copy small{display:block}.area-row__copy strong{font-size:clamp(19px,1.7vw,24px);letter-spacing:-.025em}.area-row__copy small{max-width:760px;margin-top:7px;color:var(--muted);font-size:15px;line-height:1.4}.loading-copy{padding-block:35px;color:var(--muted)}.resources-section{padding-top:18px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:28px}.section-heading h2{max-width:900px}.text-action{margin-bottom:31px;padding:0;border:0;background:transparent;color:var(--violet);text-decoration:underline;text-underline-offset:4px}.resource-list{min-height:160px;border-top:1px solid var(--line);transition:opacity .15s}.resource-list--loading{opacity:.5}.resource-row{min-height:126px;padding:21px 6px 21px 0;display:grid;grid-template-columns:92px minmax(0,1fr) 34px;align-items:center;gap:24px;border-bottom:1px solid var(--line);content-visibility:auto;contain-intrinsic-size:auto 126px}.resource-type{color:var(--muted);font-size:10px;line-height:1.35;letter-spacing:.15em;text-transform:uppercase}.resource-copy h3{margin:0 0 7px;font-size:clamp(20px,1.8vw,27px);line-height:1.15;letter-spacing:-.025em}.resource-copy h3 a{text-decoration:none}.resource-copy h3 a:hover{color:var(--violet)}.resource-meta{margin:0;display:flex;flex-wrap:wrap;gap:7px;color:var(--muted);font-size:12px}.resource-copy>p:last-child{max-width:780px;margin:10px 0 0;color:var(--muted);font-size:15px;line-height:1.45}.resource-arrow{display:grid;place-items:center;color:var(--ink)}.empty-state{padding:64px 0}.empty-state h1,.empty-state h3{margin:0 0 10px;font-size:32px;letter-spacing:-.035em}.empty-state p{margin:0;color:var(--muted)}.contribution-invite{margin-top:42px;padding:30px 0;display:flex;align-items:center;justify-content:space-between;gap:36px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.contribution-invite h3{margin:0 0 7px;font-size:25px;letter-spacing:-.03em}.contribution-invite p{margin:0;color:var(--muted);font-size:15px;line-height:1.45}.contribution-invite .button{flex:0 0 auto}.site-footer{min-height:146px;padding:32px max(40px,calc((100vw - 1240px)/2));display:grid;grid-template-columns:1fr 1fr auto;align-items:center;gap:44px;border-top:1px solid var(--line)}.footer-identity img{width:140px;height:42px;object-fit:contain;object-position:left center}.footer-identity p,.footer-credit{margin:8px 0 0;color:var(--muted);font-size:10px;line-height:1.55;letter-spacing:.13em;text-transform:uppercase}.footer-credit{margin:0}.site-footer nav{display:flex;gap:24px;font-size:12px}.site-footer nav a{text-decoration:none}.contribute-accent{height:84px;background:url(/assets/brand/fdiha-background-06.png) center 46% / cover no-repeat;border-bottom:1px solid var(--line);opacity:.68}.contribute-page{width:min(100% - 40px,760px);margin:0 auto;padding:48px 0 90px}.contribute-title{margin-bottom:42px}.contribute-title h1{margin:0 0 9px;font-size:clamp(42px,4.5vw,62px);line-height:1;letter-spacing:-.06em}.contribute-title p{margin:0;color:var(--muted);font-size:19px;line-height:1.45}.form-message{margin-bottom:28px;padding:14px 16px;border-left:3px solid}.form-message--success{border-color:#68bf83;background:var(--green-light)}.form-message--error{border-color:#f27d9b;background:var(--pink-light)}.resource-form{display:grid;gap:30px}.field{display:block}.field>span,.choice-fieldset legend{display:block;margin-bottom:9px;font-size:14px;font-weight:700}.field b,.choice-fieldset b{color:var(--violet)}.field small,.choice-fieldset legend small{color:var(--muted);font-size:12px;font-weight:400}.field input,.field select,.field textarea{width:100%;border:1px solid var(--line-strong);border-radius:var(--radius);background:#fff;padding:12px 14px;font-size:15px}.field input,.field select{height:48px}.field textarea{min-height:128px;resize:vertical;line-height:1.45}.choice-fieldset{min-width:0;margin:0;padding:0;border:0}.category-choices{display:grid}.category-choices legend{margin-bottom:4px}.category-choices label{min-height:50px;padding:8px 12px;display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--line)}.category-choices label.selected{background:var(--violet-light)}.choice-fieldset input{accent-color:var(--violet);width:18px;height:18px}.tag-options{display:flex;flex-wrap:wrap;gap:9px}.tag-options label{cursor:pointer}.tag-options label input{position:absolute;opacity:0;pointer-events:none}.tag-options label span{min-height:36px;padding:0 14px;display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:99px;color:var(--muted);font-size:13px}.tag-options label.selected span{border-color:var(--violet);background:var(--violet-light);color:var(--ink)}.tag-fieldset>p{margin:8px 0 0;color:var(--muted);font-size:13px}.reference-field{display:grid;gap:14px}.upload-alternative{padding-top:14px;display:flex;align-items:center;gap:12px;border-top:1px solid var(--line);color:var(--muted);font-size:13px}.upload-alternative>button,.upload-alternative p button{min-height:35px;padding:0 13px;border:1px solid var(--line-strong);border-radius:var(--radius);background:#fff}.upload-alternative p{flex:1;margin:0;display:flex;align-items:center;gap:8px;color:var(--ink)}.upload-alternative p button{margin-left:auto;border:0;text-decoration:underline}.form-actions{padding-top:28px;border-top:1px solid var(--line);display:flex;align-items:flex-start;justify-content:space-between;gap:35px}.form-actions p{max-width:480px;margin:0;color:var(--muted);font-size:12px;line-height:1.5}.detail-page{width:min(100% - 80px,1040px);min-height:72vh;margin:0 auto;padding:48px 0 90px}.back-link{margin:0 0 60px;padding:0;border:0;background:transparent;display:inline-flex;gap:9px;font-size:13px}.resource-detail{max-width:820px}.detail-area{margin:0 0 17px;font-size:11px;font-weight:700;letter-spacing:.13em;text-transform:uppercase}.detail-copy h1{margin:0 0 27px;font-size:clamp(52px,6.5vw,88px);line-height:.98;letter-spacing:-.065em}.detail-summary{margin:0;color:var(--muted);font-size:clamp(21px,2vw,28px);line-height:1.42}.detail-tags{margin:26px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px;list-style:none}.detail-tags li{padding:7px 12px;border:1px solid var(--line);border-radius:99px;font-size:12px}.detail-copy dl{margin:44px 0 34px;border-top:1px solid var(--line)}.detail-copy dl div{padding:15px 0;display:grid;grid-template-columns:190px 1fr;gap:24px;border-bottom:1px solid var(--line)}.detail-copy dt{color:var(--muted);font-size:12px}.detail-copy dd{margin:0;font-size:15px;font-weight:600;text-transform:none}.detail-action{width:fit-content;margin-right:8px}.comment-section{max-width:820px;margin-top:76px;padding-top:46px;border-top:1px solid var(--line)}.comment-section>header h2{margin:0 0 8px;font-size:clamp(34px,4vw,48px);letter-spacing:-.045em}.comment-section>header p{margin:0;color:var(--muted);font-size:17px}.comment-form{position:relative;margin-top:34px;display:grid;gap:21px}.comment-form textarea{min-height:112px}.comment-honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.comment-actions{padding-top:4px;display:flex;justify-content:space-between;align-items:flex-start;gap:30px}.comment-actions p{max-width:410px;margin:0;color:var(--muted);font-size:12px;line-height:1.5}.comment-message{margin:0;padding:11px 13px;border-left:3px solid;font-size:14px}.comment-message--success{border-color:#68bf83;background:var(--green-light)}.comment-message--error{border-color:#f27d9b;background:var(--pink-light)}.comment-list{margin:46px 0 0;padding:0;border-top:1px solid var(--line);list-style:none}.comment-list li{padding:24px 0;border-bottom:1px solid var(--line)}.comment-list article>header{display:flex;justify-content:space-between;gap:24px}.comment-list strong{font-size:14px}.comment-list time{color:var(--muted);font-size:12px}.comment-list article>p{margin:13px 0 0;white-space:pre-wrap;overflow-wrap:anywhere;font-size:16px;line-height:1.6}.no-comments{margin:40px 0 0;padding-top:22px;border-top:1px solid var(--line);color:var(--muted);font-size:14px}.editorial-page{width:min(100% - 80px,1120px);min-height:72vh;margin:0 auto;padding:75px 0 100px}.editorial-page section{max-width:980px}.editorial-page h1{max-width:860px;margin:0 0 30px;font-size:clamp(54px,7vw,94px);line-height:.96;letter-spacing:-.065em}.editorial-page .lead{max-width:790px;margin:0;color:var(--muted);font-size:clamp(20px,2.2vw,29px);line-height:1.45}.principles-list{margin:64px 0 42px;border-top:1px solid var(--line)}.principles-list>div{padding:25px 0;display:grid;grid-template-columns:290px 1fr;gap:50px;border-bottom:1px solid var(--line)}.principles-list h2{margin:0;font-size:21px;letter-spacing:-.025em}.principles-list p{margin:0;color:var(--muted);line-height:1.6}@media(max-width:850px){.site-header{padding-inline:24px;grid-template-columns:1fr auto;gap:20px}.main-nav{display:none}.hero{grid-template-columns:1fr}.hero__copy{max-width:none;margin-left:0;padding:58px 28px 52px}.hero__art{height:210px;-webkit-mask-image:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.18) 15%,#000 52%);mask-image:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.18) 15%,#000 52%)}.areas-section,.resources-section{width:min(100% - 48px,1240px)}.site-footer{padding-inline:24px;grid-template-columns:1fr 1fr}.site-footer nav{grid-column:1 / -1}}@media(max-width:600px){.site-header{min-height:72px;padding:10px 18px}.brand img{width:126px;height:42px}.brand__descriptor{display:none}.header-action{min-height:40px;padding-inline:14px}.hero__copy{padding:45px 20px 42px}.hero h1{font-size:50px}.hero p{font-size:18px}.library-search{margin-top:30px}.hero__art{height:180px}.areas-section,.resources-section{width:calc(100% - 40px);padding-block:46px}.area-row{min-height:112px;grid-template-columns:35px minmax(0,1fr) 25px;gap:13px}.area-marker{width:25px;height:25px}.area-row__copy strong{font-size:19px}.area-row__copy small{font-size:13px}.section-heading{align-items:flex-start;flex-direction:column;gap:0}.text-action{margin:-12px 0 26px}.resource-row{grid-template-columns:1fr 25px;gap:12px;padding-block:24px}.resource-type{grid-column:1 / -1;margin-bottom:-7px}.resource-copy>p:last-child{display:none}.contribution-invite{margin-top:32px;padding-block:26px;align-items:stretch;flex-direction:column;gap:22px}.contribution-invite .button{width:100%}.site-footer{grid-template-columns:1fr;gap:24px;padding:30px 20px}.site-footer nav{grid-column:auto;flex-wrap:wrap}.contribute-accent{height:56px}.contribute-page{padding-top:38px}.contribute-title h1{font-size:46px}.upload-alternative{align-items:flex-start;flex-wrap:wrap}.upload-alternative p{flex-basis:100%}.form-actions{flex-direction:column}.form-actions .button{width:100%}.detail-page,.editorial-page{width:calc(100% - 40px);padding-block:42px 70px}.back-link{margin-bottom:42px}.detail-copy h1,.editorial-page h1{font-size:50px}.detail-copy dl div,.principles-list>div{grid-template-columns:1fr;gap:7px}.comment-section{margin-top:58px;padding-top:36px}.comment-actions{flex-direction:column;gap:16px}.comment-actions .button{width:100%}.comment-list article>header{align-items:flex-start;flex-direction:column;gap:5px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}
