@charset "UTF-8";
:root{--ink:#182e32;--muted:#617576;--teal:#0f766e;--teal-dark:#12554f;--teal-soft:#e9f3ef;--purple:#7965af;--purple-dark:#625198;--purple-soft:#f0edf8;--coral:#f26d5b;--line:#dce6e2;--paper:#f7f9f6;--white:#fff;--dawn:linear-gradient(135deg,#5363ad,#8b63ad);--font:-apple-system,BlinkMacSystemFont,"Noto Sans JP","Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--ink);background:var(--paper);font-family:var(--font);font-size:14px;line-height:1.65;-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}img{display:block;max-width:100%}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--purple);outline-offset:4px}button:disabled{cursor:default}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skip-link{position:fixed;top:8px;left:12px;z-index:100;background:var(--ink);color:white;padding:12px 18px;transform:translateY(-160%)}.skip-link:focus{transform:none}
.site-header{position:sticky;top:0;z-index:15;background:rgba(255,255,255,.94);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.site-header:before{content:"";position:absolute;top:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,var(--teal) 0%,var(--teal) 66%,#5363ad 86%,#8b63ad 100%)}.header-inner{max-width:1340px;min-height:83px;margin:auto;padding:12px 40px;display:flex;align-items:center;gap:30px}.brand{display:flex;align-items:center;gap:10px;flex-shrink:0}.brand img{border-radius:10px;object-fit:cover}.brand strong{display:block;font-size:19px;line-height:1.5;font-weight:850;letter-spacing:.025em}.brand small{display:block;font-size:10px;color:var(--muted);letter-spacing:.1em}.desktop-nav{display:flex;gap:25px;margin-left:auto;align-items:center;font-weight:650;font-size:13px}.desktop-nav a{padding:10px 0;border-bottom:2px solid transparent}.desktop-nav a:hover{color:var(--purple)}.desktop-nav [aria-current]{color:var(--teal);border-bottom-color:var(--teal)}.version-link{font-size:11px;white-space:nowrap;padding:8px 11px;border:1px solid var(--line);border-radius:6px;color:var(--muted)}.version-link span{color:var(--purple);margin-left:5px}.version-link:hover{border-color:var(--purple);color:var(--purple)}
.shell{max-width:1340px;margin:0 auto;padding:0 40px}.intro{display:flex;align-items:center;justify-content:space-between;gap:36px;padding:44px 0 37px;border-bottom:1px solid var(--line)}.eyebrow{margin:0;font-size:10px;letter-spacing:.16em;font-weight:750;color:var(--teal);display:flex;align-items:center;gap:8px}.eyebrow>span{width:6px;height:6px;background:var(--coral);border-radius:50%}h1{font-size:clamp(25px,2.8vw,37px);line-height:1.55;letter-spacing:.035em;font-weight:850;margin:9px 0 9px}.purple-stop{color:var(--purple)}.intro-description{color:var(--muted);font-size:12px;letter-spacing:.025em;margin:0}.mobile-break{display:none}.brand-note{display:flex;gap:16px;align-items:center;border-left:1px solid var(--line);padding:10px 0 10px 28px}.brand-note>img{border-radius:12px;box-shadow:0 8px 20px #7965af1a}.brand-note>span{display:grid;gap:4px}.brand-note small{font-size:9px;letter-spacing:.16em;color:var(--purple-dark);font-weight:750}.brand-note strong{font-size:13px}.brand-note span span{font-size:11px;color:var(--muted)}.brand-note b{margin-left:8px;color:var(--purple)}.brand-note:hover strong{color:var(--purple-dark)}
.explore{padding:30px 0 0}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:18px;gap:12px}.section-eyebrow{font-size:9px;letter-spacing:.2em;color:var(--purple-dark)}h2{font-size:22px;margin:3px 0 0;letter-spacing:.035em}.section-heading h2 span{vertical-align:middle;display:inline-flex;align-items:center;justify-content:center;min-width:29px;height:24px;padding:0 7px;margin-left:8px;background:var(--teal-soft);color:var(--teal);font-size:11px;font-weight:700;border-radius:5px;letter-spacing:0}.interaction-hint{color:var(--muted);font-size:11px;margin:0 0 3px}.interaction-hint:before{content:"";display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--purple);margin-right:7px;vertical-align:middle}.touch-hint{display:none}
.search-form{display:flex;align-items:center;gap:14px;background:white;border:1px solid #d5dfdb;border-radius:10px;padding:6px 7px 6px 17px;box-shadow:0 3px 8px #19393203;transition:border-color .2s,box-shadow .2s}.search-form:focus-within{border-color:var(--purple);box-shadow:0 0 0 3px #7965af15}.search-label{color:var(--teal);font-size:11px;font-weight:700;padding-right:14px;border-right:1px solid var(--line)}.search-form input{background:transparent;border:0;outline:0!important;min-width:0;flex:1;font-size:14px;padding:8px 0;color:var(--ink);height:38px}.search-form input::placeholder{color:#84918e;font-size:13px}.search-form input::-webkit-search-cancel-button{display:none}.search-form button{border:0}.search-submit{background:var(--teal);color:white;border-radius:6px;font-size:12px;font-weight:700;min-height:38px;padding:0 19px}.search-submit span{margin-left:14px}.search-submit:hover{background:var(--teal-dark)}#clearSearch{background:transparent;font-size:23px;width:36px;height:38px;color:var(--muted);padding:0}.category-rail{display:flex;gap:8px;margin:16px 0 0;padding:0 1px 12px;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#c5d5cf transparent;overscroll-behavior-x:contain;scroll-snap-type:x proximity}.category-chip{display:flex;align-items:center;gap:9px;flex-shrink:0;border-radius:7px;border:1px solid var(--line);background:transparent;padding:8px 14px;color:var(--muted);font-size:12px;white-space:nowrap;scroll-snap-align:start;min-height:40px;transition:background .18s,color .18s,border-color .18s}.category-chip span{font-size:10px;opacity:.65}.category-chip[aria-pressed=true]{background:var(--teal);border-color:var(--teal);color:white;font-weight:700}.category-chip:hover:not([aria-pressed=true]){background:var(--purple-soft);color:var(--purple-dark);border-color:#c4b8df}
.results-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:8px 0 14px}.result-status{font-size:11px;color:var(--muted);margin:0;flex-shrink:0}.result-status strong{font-size:15px;color:var(--ink);font-variant-numeric:tabular-nums;margin-right:3px}.display-controls{display:flex;align-items:center;gap:12px}.sort-label{font-size:10px;color:var(--muted)}select{max-width:160px;font-size:11px;background:transparent;color:var(--ink);border:0;border-bottom:1px solid #c8d7d0;padding:7px 20px 7px 2px;min-height:36px}.view-switch{display:flex;align-items:center;background:#eaf0ec;border-radius:6px;padding:3px;gap:2px}.view-switch button{background:transparent;border:0;color:var(--muted);border-radius:4px;font-size:10px;min-height:30px;padding:5px 11px}.view-switch button[aria-pressed=true]{background:white;color:var(--teal);box-shadow:0 1px 3px #163e2510;font-weight:750}
.article-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;scroll-margin-top:95px;outline:0}.article-card{position:relative;min-width:0;background:white;border:1px solid var(--line);border-radius:10px;transition:transform .2s,border-color .2s,box-shadow .2s;isolation:isolate}.article-link{display:grid;grid-template-columns:112px minmax(0,1fr);gap:14px;padding:12px;min-height:154px;height:100%;-webkit-touch-callout:none;user-select:none;touch-action:pan-y pinch-zoom}.article-image{background:var(--teal-soft);overflow:hidden;border-radius:6px;align-self:start;aspect-ratio:1/1}.article-image img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.article-copy{min-width:0;padding-bottom:22px}.article-meta{display:flex;align-items:center;gap:6px;flex-wrap:wrap;line-height:1.3;margin:1px 0 8px}.category-label{font-size:9px;color:var(--teal);font-weight:750}.category-label.scop{color:var(--purple-dark)}.category-label.ztgk{color:#a35e36}.article-meta time{font-size:9px;color:#7b8b88;white-space:nowrap;font-variant-numeric:tabular-nums}.article-copy h3{font-size:13px;line-height:1.75;letter-spacing:.01em;font-weight:750;margin:0;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;line-clamp:4;overflow-wrap:anywhere}.detail-button{position:absolute;right:8px;bottom:7px;border:0;background:var(--purple-soft);color:var(--purple-dark);border-radius:50%;width:30px;height:30px;display:grid;place-items:center;z-index:2}.detail-button span{font-size:19px;line-height:1}.detail-button:hover{background:var(--purple);color:white}.press-progress{position:absolute;bottom:-1px;left:8px;right:8px;height:3px;border-radius:5px;background:var(--dawn);transform:scaleX(0);transform-origin:left;pointer-events:none}.is-pressing .press-progress{animation:press-progress .5s linear forwards}@keyframes press-progress{to{transform:scaleX(1)}}
.article-grid[data-view=grid]{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.article-grid[data-view=grid] .article-link{display:block;padding:0;min-height:0}.article-grid[data-view=grid] .article-image{aspect-ratio:16/9;border-radius:9px 9px 0 0}.article-grid[data-view=grid] .article-copy{padding:14px 15px 38px}.article-grid[data-view=grid] h3{-webkit-line-clamp:3;line-clamp:3;font-size:14px}.article-grid[data-view=grid] .article-meta{margin-bottom:8px}.article-grid[data-view=grid] .detail-button{right:10px;bottom:10px}.empty-state{text-align:center;padding:60px 20px;background:white;border:1px solid var(--line);border-radius:12px}.empty-state .eyebrow{display:block;color:var(--purple)}.empty-state h3{font-size:18px}.empty-state p{color:var(--muted)}.empty-state button{background:var(--teal);color:white;border:0;padding:12px 20px;border-radius:7px;margin-top:12px}.list-end{display:flex;align-items:center;justify-content:center;gap:18px;padding:35px 0;color:#84938b;font-size:11px}.list-end span{height:1px;background:var(--line);width:48px}.no-script{padding:15px;background:var(--purple-soft)}
.closing-note{display:flex;align-items:center;justify-content:space-between;margin:14px 0 48px;border-top:1px solid var(--line);padding:32px 0;position:relative}.closing-note:before{content:"";position:absolute;top:-1px;left:0;width:52px;height:2px;background:var(--dawn)}.closing-note .eyebrow{color:var(--purple-dark);font-size:9px}.closing-note h2{font-size:22px;margin-top:10px;line-height:1.7}.closing-note p:not(.eyebrow){font-size:12px;color:var(--muted);margin-bottom:0}.closing-note>a{border-bottom:1px solid var(--purple);padding:10px 0;color:var(--purple-dark);font-size:12px;font-weight:700}.closing-note>a span{margin-left:28px}.site-footer{background:#eaf0eb;border-top:1px solid var(--line);padding:32px 40px}.footer-inner{max-width:1260px;margin:auto;display:flex;align-items:center;gap:30px}.footer-brand{font-size:16px;font-weight:800}.footer-brand span{display:block;color:var(--muted);font-size:10px;font-weight:400;letter-spacing:.07em}.site-footer nav{display:flex;gap:20px;font-size:11px;margin-left:auto;color:var(--muted)}.site-footer a:hover{color:var(--purple-dark)}.site-footer small{font-size:9px;color:var(--muted)}.mobile-dock{display:none}
.hover-preview{position:fixed;z-index:40;width:350px;max-height:calc(100dvh - 24px);overflow:auto;border:1px solid #c4b8df;border-radius:14px;background:white;box-shadow:0 18px 55px #30364b30,0 3px 12px #7965af12;animation:float-in .18s ease-out}.hover-image{height:155px;overflow:hidden;background:var(--teal-soft)}.hover-image img{width:100%;height:100%;object-fit:cover}.hover-copy{padding:19px 21px 17px;border-top:3px solid var(--purple)}.preview-kicker{color:var(--purple-dark);font-size:10px;font-weight:750;letter-spacing:.08em;margin:0 0 8px}.hover-copy h2{font-size:16px;line-height:1.7;letter-spacing:.01em}.preview-summary{font-size:14px;line-height:1.95;overflow-wrap:anywhere;color:#4d6465}.hover-copy .preview-summary{font-size:12px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;line-clamp:5;overflow:hidden;margin-bottom:14px}.hover-copy button{border:0;background:var(--purple-soft);padding:10px 14px;color:var(--purple-dark);font-size:11px;font-weight:700;width:100%;border-radius:6px}.hover-copy button span{float:right}@keyframes float-in{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}
dialog{color:var(--ink);font-family:var(--font);padding:0;border:1px solid #d6d1e3;border-radius:18px;background:white;box-shadow:0 28px 100px #172c3540;width:min(600px,calc(100% - 32px));max-height:calc(100dvh - 48px);overflow:hidden}dialog::backdrop{background:#112b3c7a;backdrop-filter:blur(5px)}dialog[open]{display:flex;flex-direction:column;animation:float-in .22s ease-out}.sheet-grip{display:none}.dialog-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 12px 9px 24px;flex-shrink:0;border-bottom:1px solid var(--line)}.dialog-toolbar .preview-kicker{margin:0}.close-button{border:0;background:var(--purple-soft);color:var(--purple-dark);width:44px;height:44px;border-radius:50%;font-size:27px;flex-shrink:0;line-height:1}.detail-scroll{overflow:auto;overscroll-behavior:contain;min-height:0}.detail-image{height:220px;background:var(--teal-soft)}.detail-image img{width:100%;height:100%;object-fit:cover}.detail-copy{padding:24px 28px 28px}.detail-copy h2{font-size:21px;line-height:1.7;letter-spacing:.01em;overflow-wrap:anywhere}.detail-date{font-size:11px;color:var(--muted);margin-top:9px}.detail-copy .preview-summary{margin:16px 0 0}.dialog-actions{display:flex;align-items:center;gap:12px;padding:15px 24px;background:#fbfcfa;border-top:1px solid var(--line);flex-shrink:0}.dialog-actions button{border:1px solid var(--line);border-radius:8px;background:white;min-height:46px;padding:10px 17px;font-size:12px;color:var(--muted)}.dialog-actions a{display:flex;align-items:center;justify-content:space-between;gap:20px;flex:1;border-radius:8px;min-height:46px;padding:10px 20px;background:var(--teal);color:white;font-size:13px;font-weight:700}.dialog-actions a:hover{background:var(--teal-dark)}.category-dialog{max-width:460px}.dialog-toolbar h2{font-size:17px}.category-options{padding:8px 16px 20px;overflow:auto}.category-options button{display:flex;align-items:center;justify-content:space-between;width:100%;border:0;border-bottom:1px solid var(--line);background:transparent;text-align:left;min-height:54px;padding:12px;color:var(--muted);font-size:13px}.category-options button span{font-size:11px}.category-options button[aria-pressed=true]{background:var(--teal-soft);color:var(--teal);font-weight:750;border-radius:6px}.category-options button:hover{background:var(--purple-soft)}
@media(hover:hover) and (pointer:fine){.article-card:hover,.article-card:focus-within{border-color:#b8a9d3;box-shadow:0 9px 25px #51605d0d;transform:translateY(-2px)}.article-card:hover .article-image img{transform:scale(1.04)}.article-card:hover h3{color:var(--teal-dark)}}
@media(max-width:1100px){.header-inner{gap:20px;padding-right:28px;padding-left:28px}.desktop-nav{gap:17px;font-size:12px}.brand strong{font-size:17px}.shell{padding:0 28px}.brand-note{max-width:300px;padding-left:22px;gap:12px}.brand-note strong{font-size:11px}.brand-note img{width:52px;height:52px}.article-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.article-grid[data-view=grid]{grid-template-columns:repeat(3,minmax(0,1fr))}.sort-label{display:none}.footer-inner{flex-wrap:wrap}.site-footer small{width:100%}}
@media(max-width:760px){html{scroll-padding-top:84px}.header-inner{min-height:69px;padding:10px 18px}.brand img{width:38px;height:38px}.brand strong{font-size:17px}.brand small{font-size:9px}.desktop-nav{display:none}.version-link{margin-left:auto;font-size:10px;padding:7px 9px}.shell{padding:0 18px}.intro{padding:25px 0 23px}.intro-copy>.eyebrow{font-size:9px}.intro h1{font-size:28px;line-height:1.5;letter-spacing:.025em;margin:8px 0 10px}.mobile-break{display:block}.intro-description{font-size:11px;line-height:1.9}.brand-note{display:none}.explore{padding-top:22px}.section-heading{margin-bottom:14px}.section-heading h2{font-size:21px}.section-eyebrow{font-size:8px}.section-heading h2 span{font-size:10px;min-width:26px;height:21px;margin-left:5px}.interaction-hint{font-size:10px;margin-bottom:4px}.desktop-hint{display:none}.touch-hint{display:inline}.search-form{padding:4px 5px 4px 12px;gap:9px;border-radius:9px}.search-label{font-size:10px;padding-right:9px}.search-form input{font-size:16px;height:38px}.search-form input::placeholder{font-size:12px}.search-submit{font-size:11px;padding:0 12px;min-height:38px}.search-submit span{display:none}.category-rail{margin-top:12px;gap:6px;padding:0 18px 8px;margin-left:-18px;margin-right:-18px;scroll-padding-left:18px;scrollbar-width:none}.category-rail::-webkit-scrollbar{display:none}.category-chip{min-height:44px;padding:9px 12px;font-size:11px}.category-chip span{font-size:9px}.results-toolbar{gap:8px;margin-top:5px;margin-bottom:12px}.display-controls{gap:8px}.result-status{font-size:10px}.result-status strong{font-size:14px}.display-controls select{font-size:10px;max-width:130px;padding-right:8px;min-height:44px}.view-switch{padding:3px;gap:0}.view-switch button{font-size:10px;min-height:38px;padding:6px 9px}.article-grid{grid-template-columns:1fr;gap:9px;scroll-margin-top:83px}.article-card{border-radius:10px}.article-link{grid-template-columns:87px minmax(0,1fr);gap:13px;padding:12px;min-height:126px}.article-image{border-radius:6px}.article-copy{padding-bottom:18px}.article-meta{gap:6px;margin:0 0 6px;min-height:12px}.category-label{font-size:9px}.article-meta time{font-size:8px}.article-copy h3{font-size:13px;font-weight:750;line-height:1.7;-webkit-line-clamp:3;line-clamp:3;letter-spacing:.005em}.detail-button{width:44px;height:38px;border-radius:8px 0 9px 0;right:0;bottom:0;background:transparent}.detail-button span{background:var(--purple-soft);display:grid;place-items:center;border-radius:50%;width:24px;height:24px;font-size:18px}.detail-button:active span{background:var(--purple);color:white}.article-grid[data-view=grid]{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.article-grid[data-view=grid] .article-image{aspect-ratio:4/3}.article-grid[data-view=grid] .article-copy{padding:11px 11px 36px}.article-grid[data-view=grid] h3{font-size:12px;line-height:1.8;-webkit-line-clamp:4;line-clamp:4}.article-grid[data-view=grid] .article-meta{min-height:22px;gap:4px}.article-grid[data-view=grid] .category-label{font-size:8px}.article-grid[data-view=grid] .detail-button{bottom:0;right:0}.article-grid[data-view=grid] .article-meta time{font-size:8px}.list-end{gap:12px;padding:28px 0;font-size:10px}.list-end span{width:25px}.list-end p{max-width:230px;text-align:center}.closing-note{margin:8px 0 20px;padding:25px 0;align-items:flex-end;gap:16px}.closing-note .eyebrow{font-size:8px}.closing-note h2{font-size:17px;line-height:1.8;margin-top:10px}.closing-note p:not(.eyebrow){font-size:10px}.closing-note>a{font-size:10px;white-space:nowrap;padding:8px 0}.closing-note>a span{margin-left:6px}.site-footer{padding:24px 18px calc(98px + env(safe-area-inset-bottom))}.footer-inner{display:block}.footer-brand{font-size:15px}.site-footer nav{margin:20px 0 14px;display:flex;gap:12px 18px;flex-wrap:wrap;font-size:10px}.site-footer small{font-size:9px}.mobile-dock{display:grid;grid-template-columns:repeat(4,1fr);position:fixed;bottom:0;left:0;right:0;padding:5px max(10px,env(safe-area-inset-left)) calc(5px + env(safe-area-inset-bottom));z-index:20;border-top:1px solid #dae4df;background:rgba(255,255,255,.96);backdrop-filter:blur(18px);box-shadow:0 -3px 20px #24423a05}.mobile-dock a,.mobile-dock button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:3px 0;border:0;background:transparent;min-height:49px;color:#6a7c79;font-size:9px}.mobile-dock span{font-family:Arial,sans-serif;font-size:22px;height:22px;line-height:22px}.mobile-dock [aria-current]{color:var(--teal);font-weight:750}.mobile-dock button:active{color:var(--purple-dark);background:var(--purple-soft);border-radius:8px}.hover-preview{display:none!important}dialog{position:fixed;top:auto;bottom:0;margin:auto 0 0;width:100%;max-width:none;border:0;border-top:1px solid #d6d1e3;border-radius:23px 23px 0 0;max-height:90dvh;box-shadow:0 -15px 80px #112b3c30}dialog[open]{animation:sheet-in .25s cubic-bezier(.2,.7,.2,1)}.sheet-grip{display:block;width:34px;height:4px;border-radius:4px;background:#d4dcd6;margin:10px auto 0;flex-shrink:0}.dialog-toolbar{padding:5px 14px 9px 20px}.dialog-toolbar .preview-kicker{font-size:9px}.close-button{height:42px;width:42px;font-size:26px}.detail-image{height:160px}.detail-copy{padding:19px 22px 22px}.detail-copy h2{font-size:18px;line-height:1.8}.detail-copy .preview-summary{font-size:14px;line-height:2;margin-top:14px}.detail-date{font-size:10px}.dialog-actions{padding:12px 18px calc(14px + env(safe-area-inset-bottom));gap:10px}.dialog-actions a{font-size:13px;min-height:48px;padding:10px 16px}.dialog-actions button{font-size:11px;min-height:48px;padding:10px 13px}.category-dialog{max-height:85dvh}.category-options{padding-bottom:calc(20px + env(safe-area-inset-bottom))}.category-options button{min-height:57px}.empty-state{padding:40px 18px}.empty-state h3{font-size:16px}.empty-state p{font-size:12px}@keyframes sheet-in{from{opacity:0;transform:translateY(50px)}to{opacity:1;transform:none}}}
@media(max-width:370px){.shell{padding:0 14px}.header-inner{padding-left:14px;padding-right:14px;gap:8px}.brand{gap:7px}.brand strong{font-size:15px}.brand img{width:34px;height:34px}.version-link{font-size:9px;padding:6px 7px}.intro h1{font-size:25px}.category-rail{margin-left:-14px;margin-right:-14px;padding-left:14px;padding-right:14px}.interaction-hint{font-size:9px}.article-link{grid-template-columns:77px minmax(0,1fr);gap:11px;padding:11px;min-height:125px}.article-copy h3{font-size:12px}.display-controls{gap:5px}.view-switch button{padding:6px 7px}.display-controls select{max-width:116px;font-size:9px}.closing-note h2{font-size:15px}.closing-note>a{font-size:9px}.search-form input::placeholder{font-size:11px}}
/* The mobile introduction must leave the first screen to the article list. */
.sheet-grip{background:var(--dawn)}
@media(max-width:760px){.header-inner{min-height:65px}.intro{padding:19px 0 17px}.intro-copy>.eyebrow{display:none}.intro h1{font-size:clamp(18px,5.15vw,22px);line-height:1.55;letter-spacing:.005em;margin:0 0 5px;white-space:nowrap}.intro h1 .mobile-break{display:none}.intro-description{font-size:10px;line-height:1.7}.intro-description .mobile-break{display:none}.explore{padding-top:15px}.section-eyebrow{display:none}.section-heading{margin-bottom:11px}.section-heading h2{font-size:18px;margin:0}.category-rail{margin-top:10px;padding-bottom:5px}.results-toolbar{margin-bottom:10px}.article-link{min-height:122px}.article-copy h3{font-size:13.5px;line-height:1.65}.article-meta time{font-size:9px}.category-label{font-size:9.5px}}
@media(max-width:370px){.intro h1{font-size:18px}.intro-description{font-size:9px}.article-copy h3{font-size:13px}.article-link{min-height:122px}}
@media(hover:hover) and (pointer:fine){.desktop-hint{display:inline}.touch-hint{display:none}}
@media(hover:none),(pointer:coarse){.desktop-hint{display:none}.touch-hint{display:inline}}
/* The highest priority tier keeps a stronger visual hierarchy in either view. */
.article-card.is-featured{grid-column:span 2;border-color:#c9bddf;background:linear-gradient(135deg,#fff 60%,#f6f3fb);box-shadow:0 5px 20px #7965af09;overflow:hidden}
.article-card.is-featured:before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,var(--teal),#5363ad,#8b63ad);z-index:2}
.article-card.is-featured .article-link{grid-template-columns:180px minmax(0,1fr);gap:22px;padding:18px;min-height:224px}
.article-card.is-featured .article-image img{object-position:75% center}
.featured-label{color:var(--purple-dark);font-size:10px;letter-spacing:.12em;font-weight:800;margin:0 0 10px;display:flex;align-items:center;gap:8px}
.featured-label:before{content:"";width:15px;height:2px;background:var(--dawn)}
.article-card.is-featured h3{font-size:20px;line-height:1.7;-webkit-line-clamp:4;line-clamp:4}
.article-card.is-featured .article-meta{margin-bottom:9px}
.article-card.is-featured .category-label{font-size:10px}
.article-card.is-featured .detail-button{right:12px;bottom:12px}
.article-grid[data-view=grid] .is-featured .article-link{display:block;padding:0;min-height:0}
.article-grid[data-view=grid] .is-featured .article-image{aspect-ratio:2.5/1}
.article-grid[data-view=grid] .is-featured .article-copy{padding:16px 20px 39px}
.article-grid[data-view=grid] .is-featured h3{font-size:19px;-webkit-line-clamp:3;line-clamp:3}
@media(max-width:1100px) and (min-width:761px){.article-card.is-featured .article-link{grid-template-columns:200px minmax(0,1fr)}.article-grid[data-view=grid] .is-featured .article-image{aspect-ratio:2.3/1}}
@media(max-width:760px){.article-card.is-featured{grid-column:1/-1}.article-card.is-featured .article-link{grid-template-columns:118px minmax(0,1fr);gap:15px;padding:16px 14px;min-height:205px}.article-card.is-featured .article-image{aspect-ratio:4/5}.article-card.is-featured .article-copy{padding-bottom:16px}.featured-label{font-size:9px;letter-spacing:.1em;margin-bottom:8px;gap:6px}.featured-label:before{width:12px}.article-card.is-featured .article-meta{margin-bottom:7px;gap:5px}.article-card.is-featured .category-label{font-size:9px}.article-card.is-featured h3{font-size:15px;line-height:1.7;-webkit-line-clamp:5;line-clamp:5}.article-card.is-featured .detail-button{bottom:0;right:0}.article-grid[data-view=grid] .is-featured .article-image{aspect-ratio:2.4/1}.article-grid[data-view=grid] .is-featured .article-copy{padding:13px 16px 35px}.article-grid[data-view=grid] .is-featured h3{font-size:16px;-webkit-line-clamp:4;line-clamp:4}.article-grid[data-view=grid] .is-featured .article-meta{min-height:0}.article-grid[data-view=grid] .is-featured .category-label{font-size:9px}}
@media(max-width:370px){.article-card.is-featured .article-link{grid-template-columns:95px minmax(0,1fr);gap:12px;padding:15px 12px;min-height:200px}.article-card.is-featured h3{font-size:14px;line-height:1.75}.article-card.is-featured .article-image{aspect-ratio:3/4}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.is-pressing .press-progress{transform:scaleX(1)}}
