:root{color-scheme:light;
--paper:#faf9f6;
--ink:#292b29;
--muted:#767b6d;
--subtle:#8d9281;
--line:#e7e6df;
--yellow:#edce69;
--yellow-soft:#f5edce;
--gold:#8b702e;
--green:#63876a;
--blue:#638595;
--red:#a67362;
--font:-apple-system,BlinkMacSystemFont,"SF Pro Display","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif}
*{box-sizing:border-box}
body{margin:0;
background:var(--paper);
color:var(--ink);
font:14px/1.6 var(--font);
-webkit-font-smoothing:antialiased}
button,input,select,textarea{font:inherit}
button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}
button{cursor:pointer;
color:inherit}
button{border:0;
background:none}
a{color:inherit;
text-decoration:none}
button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #a98b3b;
outline-offset:5px}
button:disabled{cursor:default;
opacity:.45}
h1,h2,h3,p{margin:0}
svg.icon{width:20px;
height:20px;
fill:none;
stroke:currentColor;
stroke-width:1.55;
stroke-linecap:round;
stroke-linejoin:round;
flex-shrink:0}
.icon-defs{position:absolute;
width:0;
height:0;
overflow:hidden}
.demo-ribbon{height:30px;
display:flex;
align-items:center;
justify-content:center;
gap:7px;
background:#f1ecd9;
color:#85764e;
font-size:11px;
letter-spacing:.08em}
.demo-dot{width:4px;
height:4px;
border-radius:50%;
background:#b09b5b}
.site-header{height:83px;
max-width:1112px;
padding:0 40px;
margin:auto;
display:flex;
align-items:center;
justify-content:space-between;
position:relative}
.back-link,.research-link{display:flex;
align-items:center;
gap:9px;
font-size:12px;
color:#72756c;
transition:color .2s}
.back-link:hover,.research-link:hover{color:var(--ink)}
.back-link .icon{width:15px;
height:15px}
.research-link .icon{width:13px;
height:13px}
.brand{display:flex;
gap:9px;
align-items:center;
font-weight:600;
letter-spacing:.12em;
font-size:13px;
position:absolute;
left:50%;
transform:translateX(-50%)}
.brand-mark{display:flex;
align-items:flex-end;
gap:2px;
height:22px;
transform:rotate(-14deg)}
.brand-mark i{display:block;
width:4px;
background:#c2a24e;
border-radius:2px;
height:13px}
.brand-mark i:nth-child(2){height:21px}
.brand-mark i:nth-child(3){height:17px}
.workspace{width:calc(100% - 56px);
max-width:592px;
margin:42px auto 0}
.page-heading{display:flex;
align-items:center;
justify-content:space-between;
margin-bottom:34px}
.eyebrow{font-size:11px;
letter-spacing:.21em;
line-height:1.4;
color:var(--subtle);
margin-bottom:8px;
font-weight:500}
h1{font-size:31px;
font-weight:600;
letter-spacing:-.05em;
line-height:1.3}
.icon-button{width:38px;
height:38px;
display:flex;
align-items:center;
justify-content:center;
border-radius:50%;
transition:background .2s}
.icon-button:hover{background:#efeee8}
.message-button{position:relative;
margin-right:-7px}
.message-button .icon{width:22px;
height:22px;
stroke-width:1.3}
.unread-dot{position:absolute;
right:7px;
top:7px;
width:5px;
height:5px;
background:#b89946;
border-radius:50%;
box-shadow:0 0 0 3px var(--paper)}
.profile{display:flex;
gap:18px;
align-items:center}
.avatar{height:66px;
width:66px;
border-radius:50%;
background:#efe8cd;
position:relative;
flex-shrink:0;
overflow:hidden}
.avatar-orbit{position:absolute;
inset:12px;
border:1px solid #d6c99d;
border-radius:50%;
transform:rotate(-30deg) scaleX(.65)}
.avatar-leaf{position:absolute;
width:20px;
height:28px;
border-radius:85% 5% 85% 5%;
background:#b6a16c;
transform:rotate(-35deg);
left:19px;
top:15px}
.leaf-two{transform:rotate(55deg);
background:#d4be80;
left:29px;
top:27px;
width:15px;
height:22px}
.avatar-center{width:5px;
height:5px;
position:absolute;
background:#f5eed8;
border-radius:50%;
top:31px;
left:31px}
.profile-copy{min-width:0}
.name-line{display:flex;
align-items:center;
gap:10px}
.name-line h2{font-weight:600;
font-size:23px;
letter-spacing:-.035em;
line-height:1.4}
.sample-label{color:var(--subtle);
font-size:11px;
font-weight:400;
white-space:nowrap}
.profile-role{color:#6a6d65;
font-size:12px;
margin-top:3px}
.profile-tagline{color:var(--muted);
font-size:11px;
margin-top:6px;
letter-spacing:.01em}
.certification{margin-top:22px;
padding-bottom:29px;
border-bottom:1px solid var(--line)}
.cert-top{display:flex;
align-items:center;
justify-content:space-between;
gap:10px}
.cert-status{display:flex;
align-items:center;
gap:6px;
color:var(--gold);
font-size:12px}
.cert-status .icon{width:17px;
height:17px;
stroke-width:1.3}
.cert-actions{display:flex;
align-items:center;
gap:17px;
font-size:12px}
.cert-actions button{padding:4px 0}
.cert-actions button:hover{color:var(--gold)}
.cert-actions .divider{height:10px;
width:1px;
background:#d9d8ce}
.identity-lock{font-size:11px;
color:var(--subtle);
display:flex;
align-items:center;
gap:4px;
margin-top:9px}
.identity-lock .icon{width:10px;
height:10px;
stroke-width:1.5}
.pending-card-note{font-size:11px;
color:#8a7b54;
margin-top:12px;
padding-left:11px;
border-left:2px solid #dfcd92;
line-height:1.8}
.progress-copy{margin-top:11px;
color:var(--muted);
font-size:11px;
line-height:1.8}
.cert-status.returned{color:var(--red)}
.cert-status.pending{color:#8c805c}
.section-heading{display:flex;
align-items:center;
justify-content:space-between;
gap:20px;
margin-bottom:22px}
.section-heading h2{font-size:16px;
letter-spacing:-.02em;
font-weight:600}
.text-button{display:inline-flex;
align-items:center;
gap:4px;
font-size:11px;
color:var(--muted);
padding:5px 0}
.text-button .icon{width:12px;
height:12px}
.text-button:hover{color:var(--gold)}
.project-section{padding-top:28px}
.project-tabs{display:flex;
gap:26px;
border-bottom:1px solid var(--line)}
.project-tab{font-size:13px;
position:relative;
padding:0 0 12px;
color:var(--muted);
display:flex;
gap:6px;
align-items:baseline}
.project-tab[aria-selected=true]{font-weight:500;
color:var(--ink)}
.project-tab[aria-selected=true]:after{position:absolute;
bottom:-1px;
left:0;
right:0;
height:2px;
background:#b89c4e;
content:""}
.tab-count{font-size:11px;
color:var(--subtle);
font-weight:400}
.filter-row{display:flex;
gap:7px;
padding:15px 0 1px;
flex-wrap:wrap;
min-height:45px}
.filter-button{padding:3px 9px;
font-size:11px;
color:var(--muted);
border-radius:3px;
line-height:1.5}
.filter-button[aria-pressed=true]{background:#eeece3;
color:#6c6550}
.filter-button:hover{background:#f0eee6}
.project-row{display:flex;
align-items:center;
gap:15px;
width:100%;
text-align:left;
padding:19px 0;
border-bottom:1px solid var(--line);
position:relative;
transition:background .2s}
.project-row:hover{background:#f3f2ec}
.project-number{align-self:flex-start;
padding-top:1px;
width:22px;
flex-shrink:0;
font-size:11px;
color:#b5b5a9;
font-variant-numeric:tabular-nums;
letter-spacing:.03em}
.project-row-copy{flex:1;
min-width:0}
.project-meta{display:flex;
align-items:center;
gap:9px;
font-size:11px;
color:var(--muted);
margin-bottom:6px}
.project-status{display:inline-flex;
align-items:center;
gap:5px}
.status-dot{height:4px;
width:4px;
border-radius:50%;
background:var(--subtle)}
.status-active .status-dot{background:#88a88a}
.status-review .status-dot{background:#c1a45b}
.status-returned .status-dot{background:#ba8c77}
.status-draft .status-dot{background:#aaa99c}
.status-complete .status-dot{background:#9ea7a1}
.meta-divider{color:#c7c7bc}
.project-row h3{font-size:14px;
font-weight:500;
line-height:1.55;
letter-spacing:-.01em}
.project-bottom{display:flex;
gap:7px;
color:#999b91;
font-size:11px;
margin-top:6px;
align-items:center}
.project-row>.icon{width:13px;
height:13px;
color:#a1a399;
margin-right:0}
.project-footnote{font-size:11px;
color:#adaea5;
padding-top:13px;
line-height:1.8}
.empty-list{text-align:center;
color:var(--muted);
padding:37px 10px;
border-bottom:1px solid var(--line);
font-size:12px}
.empty-list button{color:var(--gold);
border-bottom:1px solid #d7c38b;
margin-top:8px;
padding:2px}
.tools-section{padding-top:35px}
.section-note{font-size:11px;
color:var(--subtle)}
.tool-grid{display:grid;
grid-template-columns:1fr 1fr;
gap:0 28px}
.tool{padding:15px 0;
display:flex;
gap:13px;
align-items:center;
border-top:1px solid var(--line);
text-align:left;
min-width:0}
.tool-icon{color:#877e62;
width:24px!important;
height:24px!important;
stroke-width:1.3!important;
flex-shrink:0}
.tool>span{display:flex;
flex-direction:column;
gap:2px;
flex:1}
.tool strong{font-weight:500;
font-size:14px}
.tool small{font-size:11px;
color:var(--subtle)}
.tool-arrow{width:11px!important;
height:11px!important;
color:#a8aa9f;
opacity:0;
transform:translateX(-4px);
transition:.2s}
.tool:hover .tool-arrow{opacity:1;
transform:none}
.tool:hover strong{color:var(--gold)}
.common-list{margin-top:28px;
border-top:1px solid var(--line)}
.common-row{display:flex;
align-items:center;
gap:12px;
padding:17px 0;
width:100%;
text-align:left;
border-bottom:1px solid var(--line);
font-size:14px}
.common-row>.icon{width:17px;
height:17px;
color:#898d81;
stroke-width:1.35}
.common-row>span{flex:1}
.common-row small{font-size:11px;
color:var(--subtle);
margin-right:4px}
.common-row .row-arrow{width:12px;
height:12px;
color:#a5a99b}
.common-row:hover>span{color:var(--gold)}
.workspace-footer{text-align:center;
color:#a8aa9f;
padding:40px 0 33px}
.footer-line{height:1px;
width:22px;
background:#d6ccab;
display:block;
margin:0 auto 12px}
.workspace-footer p{font-size:11px;
letter-spacing:.08em}
.workspace-footer small{font-size:11px;
letter-spacing:.2em;
display:block;
margin-top:5px;
color:#b8baaf}
.demo-controls{border-top:1px dashed #dddccf;
font-size:11px;
color:var(--muted);
margin-bottom:40px}
.demo-controls summary{list-style:none;
display:flex;
align-items:center;
gap:7px;
padding:17px 0;
cursor:pointer}
.demo-controls summary::-webkit-details-marker{display:none}
.demo-controls summary>.icon:first-child{width:13px;
height:13px}
.demo-controls summary>span{margin-left:auto;
color:#b0b1a6;
font-size:11px}
.demo-controls summary>.icon:last-child{width:11px;
height:11px;
transition:transform .2s}
.demo-controls[open] summary>.icon:last-child{transform:rotate(90deg)}
.demo-controls-inner{padding:2px 0 22px}
.demo-controls-inner>p{font-size:11px;
line-height:1.9;
color:#909386}
.control-fields{display:grid;
grid-template-columns:1fr 1fr;
gap:15px;
margin:16px 0}
.control-fields label{display:flex;
flex-direction:column;
gap:6px;
font-size:11px}
select,input,textarea{color:var(--ink);
border:1px solid #dcdcd0;
background:#fffefa;
border-radius:4px;
padding:11px 12px;
font-size:12px;
min-width:0;
width:100%}
select{padding-right:25px}
.control-fields select{padding:8px 9px;
font-size:11px}
.reset-button{border-bottom:1px solid #cfccb8;
margin-top:12px;
font-size:11px;
padding:2px 0}
.detail-sheet{position:fixed;
left:auto;
right:0;
top:0;
bottom:0;
width:590px;
max-width:100%;
height:100dvh;
max-height:none;
margin:0;
border:none;
padding:0;
background:var(--paper);
color:var(--ink);
overflow-y:auto;
overscroll-behavior:contain;
box-shadow:-10px 0 70px #35342612}
.detail-sheet::backdrop{background:#33382f4a;
backdrop-filter:blur(4px)}
.detail-sheet[open]{animation:sheet-in .25s ease-out}
.sheet-header{display:flex;
align-items:center;
justify-content:space-between;
position:sticky;
top:0;
z-index:2;
background:#faf9f6f5;
backdrop-filter:blur(15px);
padding:15px 28px;
border-bottom:1px solid var(--line)}
.sheet-brand{font-size:11px;
letter-spacing:.04em}
.sheet-brand>span{color:var(--subtle);
font-weight:400;
font-size:11px}
.close-sheet{width:30px;
height:30px}
.close-sheet .icon{width:17px;
height:17px}
.sheet-content{padding:35px 36px 50px}
.sheet-eyebrow{color:var(--gold);
letter-spacing:.12em;
font-size:11px;
margin-bottom:11px}
.sheet-content h2{font-size:25px;
letter-spacing:-.04em;
font-weight:600;
line-height:1.5}
.sheet-intro{font-size:12px;
color:var(--muted);
line-height:1.9;
margin-top:10px}
.sheet-content h3{font-size:13px;
font-weight:600;
margin:28px 0 11px}
.sheet-content p.body-copy{font-size:12px;
color:#74786d;
line-height:1.95;
margin-top:10px}
.sheet-rule{height:1px;
background:var(--line);
margin:25px 0}
.detail-status{margin-top:18px;
display:flex;
align-items:center;
gap:6px;
font-size:11px;
color:var(--gold)}
.detail-status .icon{width:16px;
height:16px}
.detail-facts{margin:25px 0 0;
display:grid;
grid-template-columns:85px 1fr;
font-size:12px;
gap:12px 10px;
line-height:1.8}
.detail-facts dt{color:var(--muted)}
.detail-facts dd{margin:0;
overflow-wrap:anywhere}
.detail-paragraph{margin:10px 0 0;
color:#73776b;
font-size:12px;
line-height:2}
.chip-line{display:flex;
gap:7px;
flex-wrap:wrap;
margin-top:12px}
.chip{font-size:11px;
padding:3px 8px;
color:#8b825e;
background:#efecdf;
border-radius:2px}
.button-row{display:flex;
gap:10px;
align-items:center;
margin-top:28px;
flex-wrap:wrap}
.primary-button,.secondary-button{display:inline-flex;
justify-content:center;
align-items:center;
gap:7px;
padding:11px 18px;
border-radius:5px;
font-size:12px;
line-height:1.5;
font-weight:500}
.primary-button{background:#e7d080;
color:#514728}
.primary-button:hover{background:#dfc56b}
.secondary-button{border:1px solid #dcdccf;
background:transparent;
color:#73766b}
.secondary-button:hover{background:#eeeee5}
.small-notice{font-size:11px;
color:#9b9e90;
line-height:1.9;
margin-top:15px}
.soft-notice{border-left:2px solid #ddca8e;
padding-left:12px;
color:#8b805d;
font-size:11px;
line-height:1.9;
margin:23px 0}
.form-field{display:flex;
flex-direction:column;
gap:8px;
margin:21px 0}
.form-field>span{font-size:14px;
color:#666d5e}
.form-field>small{font-size:11px;
color:#a4a897}
.form-field textarea{min-height:105px;
resize:vertical;
line-height:1.8}
.field-error{font-size:11px;
color:#a67159;
margin:12px 0;
min-height:18px}
.visibility-note{display:flex;
gap:7px;
align-items:center;
color:#7c826f;
font-size:11px;
margin-top:15px}
.visibility-note .icon{width:14px;
height:14px}
.paper-card{padding:28px 25px;
border-top:2px solid #d3ba66;
border-bottom:1px solid #dedbce;
margin-top:27px;
background:linear-gradient(130deg,#f3edda 0%,#f8f6ec 62%,#f0ecdd 100%);
position:relative}
.paper-card .card-kicker{font-size:11px;
letter-spacing:.24em;
color:#a4966b}
.paper-card h3{font-size:27px;
font-weight:500;
letter-spacing:-.05em;
margin:23px 0 3px}
.paper-card .card-role{font-size:11px;
color:#8c805b}
.paper-card .card-desc{font-size:11px;
color:#91886e;
line-height:1.9;
margin:22px 0 23px;
max-width:290px}
.paper-card .card-foot{border-top:1px solid #d9d3bd;
padding-top:14px;
font-size:11px;
color:#9d9475;
letter-spacing:.06em;
display:flex;
justify-content:space-between;
gap:10px}
.paper-card .mini-seal{position:absolute;
right:24px;
top:26px;
color:#a08d4b;
width:24px;
height:24px;
stroke-width:1.2}
.comparison{width:100%;
border-collapse:collapse;
font-size:11px;
margin-top:24px;
text-align:left;
table-layout:fixed}
.comparison th{font-weight:400;
color:#909684;
border-bottom:1px solid var(--line);
padding:9px 8px}
.comparison td{vertical-align:top;
line-height:1.9;
border-bottom:1px solid var(--line);
padding:13px 8px;
overflow-wrap:anywhere}
.comparison th:first-child,.comparison td:first-child{width:62px;
padding-left:0;
color:#8a907d}
.comparison td:last-child{color:#78652d}
.progress-list{list-style:none;
margin:25px 0;
padding:0}
.progress-list li{position:relative;
padding:0 0 25px 28px;
font-size:12px}
.progress-list li:not(:last-child):before{content:"";
position:absolute;
width:1px;
background:#deded0;
left:6px;
top:17px;
bottom:4px}
.progress-list li:after{content:"";
position:absolute;
border-radius:50%;
width:9px;
height:9px;
left:2px;
top:5px;
background:#e2e2d6;
border:1px solid #deded0}
.progress-list li.done:after{background:#c9b573;
border-color:#c9b573}
.progress-list li.current:after{background:var(--paper);
border:2px solid #b8a25f}
.progress-list strong{font-size:12px;
font-weight:500}
.progress-list small{display:block;
color:var(--muted);
margin-top:4px;
font-size:11px;
line-height:1.8}
.message-item{padding:21px 0;
border-bottom:1px solid var(--line)}
.message-item-head{display:flex;
align-items:center;
gap:7px}
.message-item h3{margin:0;
font-size:13px;
font-weight:500;
flex:1}
.message-item-head time{font-size:11px;
color:var(--subtle)}
.message-item p{font-size:11px;
color:#8c9280;
line-height:1.9;
margin-top:7px}
.message-item .text-button{font-size:11px;
padding-top:10px;
color:#9e8644}
.message-unread{width:4px;
height:4px;
display:inline-block;
border-radius:50%;
background:#b99b43}
.message-read-label{font-size:11px;
color:var(--subtle);
padding-top:10px;
display:block}
.message-cta{display:flex;
justify-content:space-between;
align-items:center}
.faq{border-bottom:1px solid var(--line);
padding:18px 0;
font-size:12px}
.faq summary{cursor:pointer;
list-style:none;
display:flex;
justify-content:space-between;
gap:15px}
.faq summary:after{content:"+";
font-size:14px;
color:#a5aa98}
.faq[open] summary:after{content:"−"}
.faq p{color:#8c927e;
font-size:11px;
line-height:2;
padding-top:12px}
.setting-line{display:flex;
align-items:center;
gap:20px;
justify-content:space-between;
padding:20px 0;
border-bottom:1px solid var(--line);
font-size:12px}
.setting-line p{font-size:11px;
color:var(--muted);
margin-top:4px;
line-height:1.8}
.setting-line input{width:34px;
height:19px;
accent-color:#bba352;
flex-shrink:0}
.desktop-preview{margin:25px 0;
border:1px solid #dcded0;
border-radius:5px;
overflow:hidden;
background:#fdfcf7}
.desktop-toolbar{padding:10px 13px;
border-bottom:1px solid var(--line);
font-size:11px;
color:#a4a894;
display:flex;
gap:4px;
align-items:center}
.desktop-toolbar i{height:4px;
width:4px;
border-radius:50%;
background:#d5d6c7}
.desktop-toolbar span{margin-left:auto}
.desktop-preview-body{display:grid;
grid-template-columns:90px 1fr;
min-height:190px}
.desktop-preview-menu{padding:16px 11px;
font-size:11px;
border-right:1px solid var(--line);
display:flex;
flex-direction:column;
gap:14px;
color:#a0a58f}
.desktop-preview-menu strong{color:#81744b;
font-weight:500}
.desktop-preview-list{padding:17px 15px}
.desktop-preview-list h4{font-size:11px;
font-weight:500;
margin:0 0 15px}
.desktop-preview-list p{padding:10px 0;
border-top:1px solid var(--line);
font-size:11px;
color:#7f8872}
.desktop-preview-list p span{float:right;
color:#a1a88f;
font-size:11px}
.detail-sheet.wide-sheet{width:850px}
.share-preview{margin-top:22px;
border-top:1px solid var(--line);
padding-top:20px}
.share-preview p{font-size:12px;
line-height:2;
color:#7e866f}
.inline-result{font-size:11px;
line-height:1.9;
color:#8b7944;
margin-top:12px}
.local-badge{font-size:11px;
letter-spacing:.04em;
color:#a6ab94;
margin-top:35px;
padding-top:14px;
border-top:1px solid var(--line)}
.live-announcement{position:fixed;
width:1px;
height:1px;
clip-path:inset(50%);
overflow:hidden}
.task-note{margin-top:15px;
color:#8f9681;
font-size:11px;
line-height:1.9}
.mock-checklist{list-style:none;
padding:0;
margin:12px 0}
.mock-checklist li{display:flex;
align-items:flex-start;
gap:8px;
font-size:12px;
color:#7b836d;
padding:11px 0;
border-bottom:1px solid var(--line);
line-height:1.8}
.mock-checklist .icon{width:15px;
height:15px;
margin-top:3px;
color:#b5a16c}
.sheet-project-list .project-row{padding:17px 0}
.sheet-project-list{margin-top:24px}
.hidden{display:none!important}
@keyframes sheet-in{from{transform:translateX(35px);
opacity:0}
to{transform:none;
opacity:1}
}
@media(min-width:1200px){.workspace{margin-top:52px}
.site-header{height:92px}
}
@media(max-width:600px){.site-header{height:65px;
padding:0 22px}
.brand{font-size:12px;
gap:7px}
.brand-mark{transform:rotate(-14deg) scale(.85)}
.back-link,.research-link{font-size:11px;
gap:5px}
.back-link .icon{width:13px;
height:13px}
.research-link .icon{width:11px;
height:11px}
.workspace{width:calc(100% - 44px);
margin-top:23px}
.page-heading{margin-bottom:28px}
.eyebrow{font-size:11px;
letter-spacing:.19em;
margin-bottom:7px}
h1{font-size:28px}
.profile{gap:14px}
.avatar{width:58px;
height:58px}
.avatar-orbit{inset:10px}
.avatar-leaf{left:15px;
top:11px}
.leaf-two{left:25px;
top:23px}
.avatar-center{top:27px;
left:27px}
.name-line{gap:9px}
.name-line h2{font-size:21px}
.sample-label{font-size:11px}
.profile-role{font-size:11px}
.profile-tagline{font-size:11px;
line-height:1.8;
margin-top:4px}
.certification{padding-bottom:23px;
margin-top:21px}
.cert-actions{font-size:11px;
gap:12px}
.cert-status{font-size:11px;
gap:4px}
.cert-status .icon{width:16px;
height:16px}
.identity-lock{font-size:11px;
margin-top:8px}
.pending-card-note{font-size:11px}
.project-section{padding-top:24px}
.section-heading{margin-bottom:19px}
.section-heading h2{font-size:15px}
.project-tabs{gap:24px}
.project-tab{font-size:12px;
padding-bottom:11px}
.tab-count{font-size:11px}
.filter-row{padding-top:13px;
gap:3px}
.filter-button{padding:3px 8px;
font-size:11px}
.project-row{padding:17px 0;
gap:10px}
.project-number{width:19px;
font-size:11px}
.project-meta{font-size:11px;
margin-bottom:5px;
gap:7px}
.project-row h3{font-size:14px;
line-height:1.7}
.project-bottom{font-size:11px;
gap:5px;
margin-top:5px}
.project-footnote{font-size:11px;
padding-top:12px}
.tools-section{padding-top:30px}
.tool-grid{gap:0 22px}
.tool{padding:14px 0;
gap:10px}
.tool-icon{width:22px!important;
height:22px!important}
.tool strong{font-size:14px}
.tool small{font-size:11px}
.tool-arrow{display:none}
.common-list{margin-top:23px}
.common-row{font-size:14px;
padding:16px 0}
.common-row>.icon{width:16px;
height:16px}
.workspace-footer{padding:33px 0 30px}
.demo-controls{margin-bottom:24px}
.demo-controls summary{font-size:11px}
.demo-controls summary>span{font-size:11px}
.sheet-header{padding:14px 21px}
.sheet-content{padding:29px 24px 45px}
.sheet-content h2{font-size:24px}
.detail-facts{grid-template-columns:73px 1fr;
font-size:11px;
gap:11px 8px}
.paper-card{padding:25px 22px}
.paper-card h3{font-size:25px}
.paper-card .card-desc{max-width:250px}
.comparison{font-size:11px}
.comparison th:first-child,.comparison td:first-child{width:50px}
.comparison th,.comparison td{padding-left:6px;
padding-right:6px}
.desktop-preview-body{grid-template-columns:77px 1fr}
.control-fields{gap:10px}
.detail-sheet{width:100%;
box-shadow:none}
.detail-sheet[open]{animation:sheet-in .2s ease-out}
}
@media(max-width:355px){.workspace{width:calc(100% - 36px)}
.site-header{padding:0 18px}
.research-link{font-size:11px}
.brand{font-size:11px}
.brand-mark{display:none}
.name-line h2{font-size:19px}
.profile-tagline{font-size:11px}
.cert-actions{gap:8px;
font-size:11px}
.cert-status{font-size:11px}
.tool-grid{gap:0 15px}
.tool{gap:8px}
.tool strong{font-size:14px}
.tool small{font-size:11px}
.project-tabs{gap:20px}
}
@media(prefers-reduced-motion:reduce){*{animation:none!important;
transition:none!important;
scroll-behavior:auto!important}
}

/* Readable supporting type and full touch targets at every viewport. */
.generic-actions{display:block;margin-top:14px}
body.sheet-open{overflow:hidden}

.share-copy{white-space:pre-line}


/* Touch targets remain generous while the surrounding layout stays open. */
button,.back-link,.research-link,.demo-controls summary{min-height:44px}

.icon-button{min-width:44px;
height:44px}

input,select,textarea,.control-fields select{font-size:16px;
line-height:1.5}

.project-tab{min-height:44px}

.cert-actions button{min-width:52px}

.tool{min-height:82px}

.project-footnote,.small-notice,.task-note,.local-badge{color:#818875}

.sheet-eyebrow,.eyebrow,.paper-card .card-kicker{font-size:11px}

@media(max-width:600px){.tool strong,.project-row h3,.common-row{font-size:14px}
.tool small,.project-meta,.project-bottom,.profile-tagline,.identity-lock{font-size:11px}
.profile-tagline{line-height:1.9}
.section-heading{margin-bottom:14px}
.project-tabs{gap:24px}
.project-tab{padding-top:8px}
.filter-row{padding-top:8px}
.filter-button{font-size:11px;
padding:4px 8px}
.project-row{padding:18px 0}
.control-fields{grid-template-columns:1fr}
.sheet-content h3{font-size:14px}
}