/* RayAegis Research Design 1.0.0 — no external fonts or dependencies. */ body.rrd-active { margin:0; background:#f8f8f4; } #ra-design { --ra-bg:#f8f8f4; --ra-paper:#fff; --ra-ink:#202320; --ra-muted:#687060; --ra-line:#dedfd6; --ra-soft:#eeeFE7; --ra-accent:#e6ee58; --ra-deep:#20251f; color:var(--ra-ink); background:var(--ra-bg); min-height:100vh; font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang TC","Microsoft JhengHei","Noto Sans CJK TC",sans-serif; font-size:16px; font-weight:400; line-height:1.65; letter-spacing:normal; text-align:left; -webkit-font-smoothing:antialiased; overflow-x:clip; } #ra-design.ra-skin-midnight { --ra-bg:#161a18; --ra-paper:#202622; --ra-ink:#f0f1e9; --ra-muted:#afb7ac; --ra-line:#394139; --ra-soft:#29312a; --ra-accent:#e6ee58; --ra-deep:#0f1511; } #ra-design *,#ra-design *::before,#ra-design *::after { box-sizing:border-box; } #ra-design h1,#ra-design h2,#ra-design h3,#ra-design h4,#ra-design p,#ra-design figure { margin:0; } #ra-design h1,#ra-design h2,#ra-design h3,#ra-design h4 { font-family:inherit; font-style:normal; color:var(--ra-ink); text-wrap:pretty; } #ra-design a { color:inherit; text-decoration:none; text-underline-offset:4px; } #ra-design a:hover { text-decoration:none; } #ra-design a:focus-visible,#ra-design button:focus-visible,#ra-design input:focus-visible,#ra-design summary:focus-visible { outline:3px solid #a39e00; outline-offset:5px; border-radius:3px; } #ra-design img { display:block; max-width:100%; height:auto; } #ra-design button,#ra-design input,#ra-design textarea,#ra-design select { font:inherit; } #ra-design button { cursor:pointer; } #ra-design .ra-container { width:min(1240px,calc(100% - 112px)); margin-inline:auto; } #ra-design .ra-sr-only { position:absolute!important; width:1px!important; height:1px!important; padding:0!important; margin:-1px!important; overflow:hidden!important; clip:rect(0,0,0,0)!important; white-space:nowrap!important; border:0!important; } #ra-design .ra-skip { position:absolute; top:-150px; left:20px; z-index:100000; padding:12px 20px; color:#202320; background:var(--ra-accent); } #ra-design .ra-skip:focus { top:12px; } #ra-design .ra-header { border-bottom:1px solid var(--ra-line); } #ra-design .ra-header-inner { min-height:96px; display:flex; justify-content:space-between; align-items:center; gap:26px; } #ra-design .ra-brand { display:inline-flex; align-items:center; gap:12px; flex-shrink:0; } #ra-design .ra-brand-monogram { width:44px; height:44px; display:flex; align-items:center; justify-content:center; color:#20251f; background:var(--ra-accent); font-size:19px; font-weight:800; letter-spacing:-1.5px; position:relative; } #ra-design .ra-brand-monogram span { position:absolute; right:3px; top:1px; font-size:10px; line-height:1; } #ra-design .ra-brand-copy { display:flex; flex-direction:column; gap:3px; } #ra-design .ra-brand-copy strong { font-size:27px; line-height:1.05; letter-spacing:-1.1px; font-weight:750; } #ra-design .ra-brand-dot { color:#7e8813; } #ra-design.ra-skin-midnight .ra-brand-dot { color:var(--ra-accent); } #ra-design .ra-brand-copy > span { font-size:9px; letter-spacing:1.9px; font-weight:600; } #ra-design .ra-brand-logo { width:auto; max-width:118px; height:44px; object-fit:contain; } #ra-design .ra-desktop-nav { display:flex; align-items:center; gap:32px; } #ra-design .ra-nav-link { position:relative; font-size:14px; font-weight:500; white-space:nowrap; padding:8px 0; } #ra-design a.ra-nav-link:not(.ra-nav-official)::after { content:""; position:absolute; bottom:1px; left:0; right:100%; height:2px; background:var(--ra-ink); transition:right .16s ease; } #ra-design a.ra-nav-link:hover::after { right:0; } #ra-design .ra-nav-official { border:1px solid var(--ra-line); padding:10px 16px; border-radius:3px; } #ra-design .ra-nav-official span { margin-left:12px; } #ra-design .ra-nav-official:hover { background:var(--ra-soft); } #ra-design .ra-nav-unset { opacity:.5; cursor:not-allowed; } #ra-design .ra-mobile-menu { display:none; } #ra-design .ra-hero { display:grid; grid-template-columns:1.1fr 1fr; align-items:center; gap:72px; padding-block:63px 66px; } #ra-design .ra-eyebrow { display:flex; align-items:center; gap:10px; font-size:10px; font-weight:650; letter-spacing:1.8px; line-height:1.6; color:var(--ra-muted); } #ra-design .ra-dot { width:7px; height:7px; background:#7e8813; border-radius:50%; flex-shrink:0; } #ra-design .ra-hero .ra-eyebrow { color:var(--ra-ink); margin-bottom:23px; font-size:11px; letter-spacing:2px; } #ra-design .ra-hero h1 { font-size:clamp(44px,4.75vw,70px); font-weight:750; line-height:1.19; letter-spacing:-2px; } #ra-design .ra-title-stop { display:inline-block; margin-left:5px; color:#8b9417; } #ra-design.ra-skin-midnight .ra-title-stop { color:var(--ra-accent); } #ra-design .ra-hero-description { max-width:430px; margin-top:24px; color:var(--ra-muted); font-size:16px; line-height:1.9; } #ra-design .ra-hero-actions { margin-top:30px; display:flex; align-items:center; flex-wrap:wrap; gap:28px; } #ra-design .ra-button { display:inline-flex; align-items:center; justify-content:center; gap:28px; padding:13px 20px; border:1px solid transparent; border-radius:3px; font-size:14px; line-height:1.5; font-weight:650; transition:transform .16s ease,background .16s ease; } #ra-design .ra-button-primary { background:var(--ra-ink); color:var(--ra-bg); } #ra-design .ra-button-primary:hover { transform:translateY(-2px); background:#434b34; color:#fff; } #ra-design .ra-quiet-link { font-size:14px; font-weight:600; padding-block:8px; } #ra-design .ra-quiet-link span { margin-left:16px; } #ra-design .ra-quiet-link:hover { text-decoration:underline; } #ra-design .ra-hero-art { height:372px; position:relative; overflow:hidden; border:1px solid #384235; border-radius:5px; background:radial-gradient(ellipse at 52% 50%,#3d4727 0,#222a21 48%,#1b221d 100%); color:#e6ee58; isolation:isolate; } #ra-design .ra-art-grid { position:absolute; inset:0; opacity:.14; background-image:linear-gradient(#a8b390 1px,transparent 1px),linear-gradient(90deg,#a8b390 1px,transparent 1px); background-size:38px 38px; mask-image:radial-gradient(ellipse,#000 15%,transparent 78%); } #ra-design .ra-art-top { position:absolute; top:22px; left:26px; right:26px; display:flex; justify-content:space-between; align-items:center; font-size:8px; letter-spacing:2px; color:#b7c2a5; } #ra-design .ra-art-cross { font-size:23px; font-weight:300; line-height:1; } #ra-design .ra-orbit { position:absolute; left:50%; top:46%; width:263px; height:263px; border:1px solid #8292694d; border-radius:50%; transform:translate(-50%,-50%); } #ra-design .ra-orbit-b { width:202px; height:202px; border-color:#bdc96644; } #ra-design .ra-orbit-c { width:334px; height:334px; border-style:dashed; border-color:#8b9a732b; } #ra-design .ra-art-axis { position:absolute; background:#a4b47a29; } #ra-design .ra-art-axis-x { top:46%; left:20px; right:20px; height:1px; } #ra-design .ra-art-axis-y { top:48px; bottom:65px; left:50%; width:1px; } #ra-design .ra-shield-wrap { position:absolute; top:46%; left:50%; transform:translate(-50%,-50%); width:139px; height:165px; display:grid; place-items:center; filter:drop-shadow(0 0 24px #d9e84622); } #ra-design .ra-shield { width:100%; height:100%; } #ra-design .ra-art-node { position:absolute; z-index:2; background:#293222; padding:5px 10px; font:8px/1.4 monospace; letter-spacing:1.6px; border:1px solid #6f7c4a; color:#d2dba6; } #ra-design .ra-node-1 { top:76px; left:17%; } #ra-design .ra-node-2 { top:177px; right:9%; } #ra-design .ra-node-3 { top:242px; left:19%; } #ra-design .ra-art-bottom { position:absolute; left:26px; right:26px; bottom:23px; display:flex; justify-content:space-between; align-items:flex-end; color:#c0c8b6; font-size:12px; line-height:1.7; } #ra-design .ra-art-bottom strong { color:#edf1dc; font-weight:500; } #ra-design .ra-art-arrow { font-size:35px; line-height:1; color:var(--ra-accent); } #ra-design .ra-ribbon { border-block:1px solid var(--ra-line); } #ra-design .ra-ribbon-inner { display:flex; justify-content:space-between; align-items:center; min-height:76px; gap:24px; } #ra-design .ra-ribbon-inner > span { font-size:13px; font-weight:550; white-space:nowrap; } #ra-design .ra-ribbon-inner > .ra-ribbon-label { font-size:9px; letter-spacing:1.6px; color:var(--ra-muted); font-weight:500; } #ra-design .ra-ribbon-inner > span + span::before { content:""; display:inline-block; width:4px; height:4px; background:#9ca187; margin-right:22px; vertical-align:3px; } #ra-design .ra-ribbon-inner i { font-style:normal; margin-left:16px; } #ra-design .ra-research { padding-block:54px 74px; scroll-margin-top:24px; } #ra-design .ra-section-heading { display:flex; align-items:flex-end; justify-content:space-between; gap:28px; margin-bottom:27px; } #ra-design .ra-section-heading .ra-eyebrow { margin-bottom:9px; } #ra-design .ra-section-heading h2 { font-size:31px; line-height:1.3; letter-spacing:-.9px; font-weight:700; } #ra-design .ra-heading-dot { color:#889318; margin-left:5px; } #ra-design .ra-search { display:flex; align-items:center; flex-shrink:0; width:290px; padding:10px 0 10px 13px; border:1px solid var(--ra-line); border-radius:3px; background:transparent; } #ra-design .ra-search input { width:100%; min-width:0; border:0; border-radius:0; padding:0; color:var(--ra-ink); background:transparent; font-size:12px; line-height:1.6; box-shadow:none; } #ra-design .ra-search input::placeholder { color:var(--ra-muted); } #ra-design .ra-search button { display:flex; align-items:center; justify-content:center; flex-shrink:0; color:var(--ra-ink); width:44px; min-height:25px; padding:0; background:none; border:none; } #ra-design .ra-filter-nav { display:flex; flex-wrap:wrap; gap:9px; margin-bottom:33px; } #ra-design .ra-filter-nav a { padding:5px 14px; border:1px solid var(--ra-line); border-radius:3px; font-size:12px; line-height:1.7; } #ra-design .ra-filter-nav .ra-filter-active,#ra-design .ra-filter-nav a:hover { color:var(--ra-bg); background:var(--ra-ink); border-color:var(--ra-ink); } #ra-design .ra-content-grid { display:grid; grid-template-columns:minmax(0,1fr) 276px; gap:52px; } #ra-design .ra-post-list { min-width:0; } #ra-design .ra-post-card { display:grid; grid-template-columns:minmax(0,1fr) 220px; gap:28px; align-items:center; padding-block:29px; border-bottom:1px solid var(--ra-line); } #ra-design .ra-post-list > .ra-post-card:first-child { padding-top:0; } #ra-design .ra-post-copy { min-width:0; } #ra-design .ra-post-meta { display:flex; align-items:center; flex-wrap:wrap; gap:10px; margin-bottom:12px; font-size:10px; color:var(--ra-muted); line-height:1.4; letter-spacing:.2px; } #ra-design .ra-category { color:var(--ra-ink); font-weight:600; } #ra-design .ra-meta-divider { opacity:.5; } #ra-design .ra-post-card h3 { font-size:25px; font-weight:680; line-height:1.48; letter-spacing:-.7px; overflow-wrap:anywhere; } #ra-design .ra-post-card h3 a:hover { text-decoration:underline; text-decoration-thickness:1.5px; } #ra-design .ra-excerpt { margin-top:12px; color:var(--ra-muted); font-size:13px; line-height:1.85; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; } #ra-design .ra-read-link { display:inline-flex; align-items:center; gap:18px; font-size:11px; margin-top:16px; font-weight:600; } #ra-design .ra-read-link:hover { text-decoration:underline; } #ra-design .ra-post-image { display:block; min-width:0; } #ra-design .ra-thumb { aspect-ratio:1.38; width:100%; position:relative; isolation:isolate; overflow:hidden; border-radius:4px; background:#dce1d4; color:#495b3d; } #ra-design .ra-thumb-1 { background:#e0dfeb; color:#70638c; } #ra-design .ra-thumb-2 { background:#dadfdc; color:#50645b; } #ra-design .ra-thumb-grid { position:absolute; inset:0; background-image:linear-gradient(currentColor .5px,transparent .5px),linear-gradient(90deg,currentColor .5px,transparent .5px); background-size:25px 25px; opacity:.12; } #ra-design .ra-thumb-orbit { position:absolute; left:50%; top:46%; transform:translate(-50%,-50%); width:100px; height:100px; border:1px solid currentColor; border-radius:50%; opacity:.45; } #ra-design .ra-thumb-orbit-2 { width:146px; height:146px; opacity:.23; } #ra-design .ra-thumb-shape { position:absolute; top:46%; left:50%; width:63px; height:63px; border:1px solid currentColor; transform:translate(-50%,-50%) rotate(45deg); background:#ffffff33; box-shadow:10px 10px 0 #ffffff20; } #ra-design .ra-thumb-1 .ra-thumb-shape { transform:translate(-50%,-50%) rotate(0); border-radius:2px; width:67px; height:52px; } #ra-design .ra-thumb-2 .ra-thumb-shape { border-radius:50%; box-shadow:15px 0 0 #ffffff55,-15px 0 0 #ffffff55; } #ra-design .ra-thumb-tag { position:absolute; bottom:12px; left:12px; font-size:7px; font-weight:600; letter-spacing:1.1px; } #ra-design .ra-thumb-sign { position:absolute; right:12px; top:9px; font-size:18px; } #ra-design .ra-thumb-photo { position:absolute; z-index:2; inset:0; width:100%; height:100%; object-fit:cover; } #ra-design .ra-thumb-photo[hidden] { display:none; } #ra-design .ra-sidebar-intro { border:1px solid var(--ra-line); padding:24px; background:var(--ra-soft); border-radius:4px; } #ra-design .ra-sidebar-intro .ra-eyebrow { color:var(--ra-muted); font-size:8px; letter-spacing:1.2px; } #ra-design .ra-sidebar-intro h3 { margin-top:21px; font-size:24px; font-weight:650; line-height:1.6; letter-spacing:-.9px; } #ra-design .ra-sidebar-intro h3 span { color:#879216; } #ra-design .ra-sidebar-intro > p:not(.ra-eyebrow) { margin-top:16px; color:var(--ra-muted); font-size:12px; line-height:1.9; } #ra-design .ra-sidebar-intro > a { display:flex; justify-content:space-between; margin-top:22px; padding-top:16px; border-top:1px solid var(--ra-line); font-size:12px; font-weight:600; } #ra-design .ra-topic-list { margin-top:33px; } #ra-design .ra-topic-list > h3 { font-size:13px; font-weight:650; margin-bottom:3px; } #ra-design .ra-topic-list > a { display:flex; align-items:center; justify-content:space-between; gap:10px; padding:17px 0; border-bottom:1px solid var(--ra-line); } #ra-design .ra-topic-list strong { display:block; font-size:12px; line-height:1.5; font-weight:600; } #ra-design .ra-topic-list small { display:block; font-size:10px; color:var(--ra-muted); margin-top:5px; } #ra-design .ra-topic-list > a:hover strong { text-decoration:underline; } #ra-design .ra-sidebar-note { color:var(--ra-muted); font-size:8px; letter-spacing:1.4px; margin-top:25px; } #ra-design .ra-pagination { margin-block:30px 10px; } #ra-design .ra-pagination ul { display:flex; align-items:center; justify-content:flex-start; flex-wrap:wrap; gap:8px; padding:0; margin:0; list-style:none; } #ra-design .ra-pagination li { margin:0; padding:0; } #ra-design .ra-pagination a,#ra-design .ra-pagination .current,#ra-design .ra-pagination .dots { min-width:38px; min-height:38px; padding:8px 12px; border:1px solid var(--ra-line); display:inline-flex; align-items:center; justify-content:center; border-radius:3px; font-size:12px; } #ra-design .ra-pagination .current,#ra-design .ra-pagination a:hover { background:var(--ra-ink); color:var(--ra-bg); } #ra-design .ra-archive-description { color:var(--ra-muted); margin-bottom:24px; max-width:760px; } #ra-design .ra-footer { border-top:1px solid var(--ra-line); background:var(--ra-soft); } #ra-design .ra-footer-main { display:grid; grid-template-columns:1fr 1.5fr auto; align-items:center; gap:55px; padding-block:39px; } #ra-design .ra-footer-brand strong { font-size:29px; font-weight:750; letter-spacing:-1.2px; line-height:1.2; } #ra-design .ra-footer-company { margin-top:10px; font-size:11px; color:var(--ra-muted); } #ra-design .ra-footer-about { font-size:12px; line-height:1.95; color:var(--ra-muted); max-width:460px; } #ra-design .ra-footer-link { font-size:12px; font-weight:600; white-space:nowrap; } #ra-design .ra-footer-link span { padding-left:17px; } #ra-design .ra-footer-bottom { display:flex; justify-content:space-between; align-items:center; gap:20px; padding-block:18px; border-top:1px solid var(--ra-line); color:var(--ra-muted); font-size:9px; letter-spacing:.5px; } #ra-design .ra-preview-note { padding:12px 24px; text-align:center; font-size:10px; color:var(--ra-muted); border-top:1px dashed var(--ra-line); } #ra-design .ra-empty { padding:36px 0 50px; } #ra-design .ra-empty h3 { font-size:25px; margin-block:14px; } #ra-design .ra-empty > p:not(.ra-eyebrow) { color:var(--ra-muted); margin-bottom:25px; } #ra-design .ra-article { max-width:880px; padding-block:44px 58px; } #ra-design .ra-back { display:inline-block; color:var(--ra-muted); font-size:13px; margin-bottom:44px; } #ra-design .ra-back:hover { color:var(--ra-ink); } #ra-design .ra-article-heading { margin-bottom:42px; padding-bottom:34px; border-bottom:1px solid var(--ra-line); } #ra-design .ra-article-heading .ra-eyebrow { margin-bottom:18px; } #ra-design .ra-article-heading h1 { font-size:clamp(31px,3.5vw,48px); font-weight:720; line-height:1.43; letter-spacing:-1.5px; overflow-wrap:anywhere; } #ra-design .ra-article-meta { display:flex; align-items:center; flex-wrap:wrap; gap:15px; font-size:12px; color:var(--ra-muted); margin-top:24px; } #ra-design .ra-article-featured { margin-bottom:36px; } #ra-design .ra-article-featured img { width:100%; border-radius:4px; } #ra-design .ra-prose { font-size:18px; line-height:1.95; overflow-wrap:anywhere; } #ra-design .ra-prose > * { margin-block:0 1.5em; } #ra-design .ra-prose h2 { margin-top:2.3em; margin-bottom:.9em; font-size:29px; font-weight:700; line-height:1.5; letter-spacing:-.5px; } #ra-design .ra-prose h3 { margin-top:1.9em; margin-bottom:.8em; font-size:23px; font-weight:650; line-height:1.6; } #ra-design .ra-prose h4 { font-size:20px; } #ra-design .ra-prose a { text-decoration:underline; text-decoration-thickness:1px; } #ra-design .ra-prose a:hover { text-decoration-thickness:2px; } #ra-design .ra-prose ul,#ra-design .ra-prose ol { padding-left:1.7em; } #ra-design .ra-prose li { margin-bottom:.45em; } #ra-design .ra-prose blockquote { margin-inline:0; padding:22px 28px; background:var(--ra-soft); border-left:3px solid #a3ae27; font-size:1.05em; } #ra-design .ra-prose pre { padding:22px; color:#ebeedc; background:#222821; font-size:13px; overflow:auto; max-width:100%; border-radius:4px; line-height:1.75; } #ra-design .ra-prose code { font-family:ui-monospace,SFMono-Regular,Consolas,monospace; font-size:.87em; background:var(--ra-soft); padding:.16em .33em; border-radius:3px; } #ra-design .ra-prose pre code { background:none; padding:0; font-size:inherit; color:inherit; } #ra-design .ra-prose .wp-block-table { overflow-x:auto; } #ra-design .ra-prose table { width:100%; border-collapse:collapse; font-size:15px; line-height:1.7; } #ra-design .ra-prose th,#ra-design .ra-prose td { padding:12px 16px; border:1px solid var(--ra-line); text-align:left; } #ra-design .ra-prose th { background:var(--ra-soft); } #ra-design .ra-prose figure { max-width:100%; } #ra-design .ra-prose figcaption { color:var(--ra-muted); font-size:12px; text-align:center; margin-top:10px; } #ra-design .ra-prose iframe,#ra-design .ra-prose video { max-width:100%; } #ra-design .ra-prose hr { border:0; border-top:1px solid var(--ra-line); margin-block:40px; } #ra-design .ra-article-end { display:flex; align-items:center; justify-content:space-between; gap:20px; border-top:1px solid var(--ra-line); padding-top:22px; margin-top:48px; font-size:11px; } #ra-design .ra-article-end > span { font-size:9px; letter-spacing:1px; color:var(--ra-muted); } #ra-design .ra-related { padding-block:30px 60px; border-top:1px solid var(--ra-line); } #ra-design .ra-related > h2 { margin-block:8px 28px; font-size:28px; } #ra-design .ra-related-grid { display:grid; grid-template-columns:1fr 1fr; gap:45px; } #ra-design .ra-related .ra-post-card { grid-template-columns:1fr 140px; padding-top:0; gap:24px; } #ra-design .ra-related .ra-post-card h3 { font-size:20px; } #ra-design .ra-related .ra-excerpt { display:none; } #ra-design .ra-comments { max-width:880px; padding-bottom:50px; } #ra-design .ra-comments textarea,#ra-design .ra-comments input:not([type=checkbox]):not([type=submit]) { background:var(--ra-paper); color:var(--ra-ink); border:1px solid var(--ra-line); border-radius:3px; padding:10px 12px; max-width:100%; } #ra-design .ra-comments textarea { width:100%; } #ra-design .ra-comments input[type=submit],#ra-design .ra-prose input[type=submit] { background:var(--ra-ink); color:var(--ra-bg); border:0; border-radius:3px; padding:12px 22px; cursor:pointer; } #ra-design .ra-comments p { margin-bottom:20px; } #ra-design .ra-comments h3 { margin-bottom:22px; } #ra-design .ra-error { padding-block:90px; } #ra-design .ra-error h1 { font-size:clamp(32px,4vw,56px); line-height:1.5; margin-block:24px; } #ra-design .ra-error h1 span { color:#879216; } #ra-design .ra-error > p:not(.ra-eyebrow) { color:var(--ra-muted); margin-bottom:30px; } #ra-design .ra-error .ra-search { margin-top:34px; } @media (min-width:1600px) { #ra-design .ra-hero h1 { font-size:73px; } } @media (max-width:1150px) { #ra-design .ra-container { width:calc(100% - 72px); } #ra-design .ra-desktop-nav { gap:22px; } #ra-design .ra-hero { gap:42px; } #ra-design .ra-hero-art { height:346px; } #ra-design .ra-content-grid { grid-template-columns:minmax(0,1fr) 242px; gap:32px; } #ra-design .ra-post-card { grid-template-columns:minmax(0,1fr) 174px; gap:24px; } #ra-design .ra-post-card h3 { font-size:23px; } #ra-design .ra-sidebar-intro { padding:21px; } #ra-design .ra-sidebar-intro h3 { font-size:21px; } #ra-design .ra-ribbon-inner { gap:14px; } #ra-design .ra-ribbon-inner > span + span::before { margin-right:14px; } } @media (max-width:900px) { #ra-design .ra-container { width:calc(100% - 48px); } #ra-design .ra-header-inner { min-height:83px; } #ra-design .ra-desktop-nav { gap:19px; } #ra-design .ra-nav-link { font-size:12px; } #ra-design .ra-nav-official { padding:8px 12px; } #ra-design .ra-brand-copy strong { font-size:23px; } #ra-design .ra-brand-monogram { width:38px; height:38px; } #ra-design .ra-brand-copy > span { font-size:8px; } #ra-design .ra-hero { gap:28px; padding-block:47px; } #ra-design .ra-hero h1 { font-size:48px; } #ra-design .ra-hero-art { height:340px; } #ra-design .ra-hero-description { font-size:14px; } #ra-design .ra-hero-actions { gap:17px; } #ra-design .ra-hero-actions .ra-button { padding:12px 16px; gap:20px; } #ra-design .ra-content-grid { grid-template-columns:1fr; } #ra-design .ra-sidebar { display:grid; grid-template-columns:1fr 1fr; gap:32px; padding-top:10px; } #ra-design .ra-topic-list { margin-top:0; } #ra-design .ra-sidebar-note { display:none; } #ra-design .ra-post-card { grid-template-columns:minmax(0,1fr) 220px; gap:28px; } #ra-design .ra-ribbon-inner { flex-wrap:wrap; justify-content:flex-start; gap:17px 24px; padding-block:19px; } #ra-design .ra-ribbon-inner > .ra-ribbon-label { flex-basis:100%; } #ra-design .ra-ribbon-inner > span + span::before { margin-right:11px; } #ra-design .ra-ribbon-inner > span { font-size:12px; } #ra-design .ra-footer-main { gap:32px; grid-template-columns:1fr 1.5fr; } #ra-design .ra-footer-link { grid-column:2; } #ra-design .ra-related-grid { grid-template-columns:1fr; gap:30px; } #ra-design .ra-related .ra-post-card { grid-template-columns:1fr 190px; } } @media (max-width:680px) { #ra-design .ra-container { width:calc(100% - 40px); } #ra-design .ra-header-inner { min-height:79px; gap:16px; } #ra-design .ra-desktop-nav { display:none; } #ra-design .ra-brand { gap:10px; } #ra-design .ra-brand-copy strong { font-size:25px; } #ra-design .ra-brand-monogram { width:39px; height:39px; } #ra-design .ra-brand-logo { max-width:86px; height:37px; } #ra-design .ra-mobile-menu { display:block; position:relative; } #ra-design .ra-mobile-menu summary { cursor:pointer; list-style:none; display:flex; align-items:center; gap:10px; padding:10px 0 10px 10px; font-size:12px; } #ra-design .ra-mobile-menu summary::-webkit-details-marker { display:none; } #ra-design .ra-mobile-menu summary span { font-size:17px; } #ra-design .ra-mobile-menu nav { position:absolute; z-index:100; top:49px; right:0; width:235px; display:flex; flex-direction:column; gap:8px; border:1px solid var(--ra-line); padding:18px; background:var(--ra-paper); box-shadow:0 12px 28px #0000000d; border-radius:4px; } #ra-design .ra-mobile-menu .ra-nav-link { font-size:14px; padding:10px 8px; } #ra-design .ra-mobile-menu .ra-nav-official { margin-top:7px; text-align:center; } #ra-design .ra-hero { grid-template-columns:1fr; gap:32px; padding-block:37px 35px; } #ra-design .ra-hero .ra-eyebrow { font-size:9px; letter-spacing:1.6px; margin-bottom:19px; } #ra-design .ra-hero h1 { font-size:clamp(42px,11.5vw,61px); line-height:1.19; letter-spacing:-1.6px; } #ra-design .ra-hero-description { margin-top:20px; font-size:14px; line-height:1.9; max-width:420px; } #ra-design .ra-hero-actions { margin-top:24px; gap:24px; } #ra-design .ra-hero-art { height:288px; } #ra-design .ra-art-top { top:17px; left:20px; right:20px; } #ra-design .ra-art-bottom { bottom:18px; left:20px; right:20px; font-size:10px; } #ra-design .ra-shield-wrap { width:110px; height:132px; top:45%; } #ra-design .ra-orbit { width:205px; height:205px; top:45%; } #ra-design .ra-orbit-b { width:157px; height:157px; } #ra-design .ra-orbit-c { width:268px; height:268px; } #ra-design .ra-node-1 { top:56px; left:15%; } #ra-design .ra-node-2 { top:132px; right:8%; } #ra-design .ra-node-3 { top:190px; left:16%; } #ra-design .ra-ribbon-inner { display:grid; grid-template-columns:1fr 1fr; gap:13px 12px; padding-block:20px; } #ra-design .ra-ribbon-inner > .ra-ribbon-label { grid-column:1 / -1; font-size:8px; margin-bottom:2px; } #ra-design .ra-ribbon-inner > span { font-size:11px; } #ra-design .ra-ribbon-inner > span + span::before { margin-right:9px; } #ra-design .ra-ribbon-inner i { margin-left:5px; } #ra-design .ra-research { padding-block:36px 45px; } #ra-design .ra-section-heading { flex-direction:column; align-items:flex-start; gap:20px; margin-bottom:19px; } #ra-design .ra-section-heading h2 { font-size:28px; } #ra-design .ra-section-heading .ra-eyebrow { font-size:9px; margin-bottom:7px; } #ra-design .ra-search { width:100%; padding-block:12px; } #ra-design .ra-search input { font-size:13px; } #ra-design .ra-filter-nav { gap:7px; margin-bottom:26px; } #ra-design .ra-filter-nav a { padding:5px 11px; font-size:11px; } #ra-design .ra-post-card { grid-template-columns:minmax(0,1fr) 108px; gap:15px; padding-block:24px; align-items:start; } #ra-design .ra-post-meta { font-size:9px; gap:7px; margin-bottom:10px; } #ra-design .ra-post-card h3 { font-size:19px; line-height:1.5; letter-spacing:-.5px; } #ra-design .ra-excerpt { font-size:12px; line-height:1.9; margin-top:10px; } #ra-design .ra-read-link { margin-top:12px; font-size:10px; gap:14px; } #ra-design .ra-post-image { margin-top:28px; } #ra-design .ra-thumb { aspect-ratio:1; } #ra-design .ra-thumb-orbit { width:56px; height:56px; } #ra-design .ra-thumb-orbit-2 { width:84px; height:84px; } #ra-design .ra-thumb-shape { width:35px; height:35px; } #ra-design .ra-thumb-1 .ra-thumb-shape { width:35px; height:29px; } #ra-design .ra-thumb-tag { font-size:5px; bottom:7px; left:7px; letter-spacing:.5px; } #ra-design .ra-thumb-sign { font-size:13px; top:3px; right:7px; } #ra-design .ra-sidebar { grid-template-columns:1fr; gap:27px; padding-top:5px; } #ra-design .ra-sidebar-intro { padding:24px; } #ra-design .ra-sidebar-intro h3 { font-size:26px; } #ra-design .ra-sidebar-intro > p:not(.ra-eyebrow) { font-size:13px; } #ra-design .ra-topic-list > h3 { font-size:14px; } #ra-design .ra-topic-list strong { font-size:13px; } #ra-design .ra-topic-list small { font-size:11px; } #ra-design .ra-footer-main { grid-template-columns:1fr; gap:21px; padding-block:30px; } #ra-design .ra-footer-link { grid-column:auto; padding-top:3px; } #ra-design .ra-footer-about { font-size:12px; } #ra-design .ra-footer-bottom { align-items:flex-start; flex-direction:column; gap:8px; font-size:8px; padding-block:17px; } #ra-design .ra-article { padding-block:28px 40px; } #ra-design .ra-back { margin-bottom:31px; font-size:12px; } #ra-design .ra-article-heading h1 { font-size:31px; line-height:1.5; letter-spacing:-1px; } #ra-design .ra-article-heading { padding-bottom:25px; margin-bottom:28px; } #ra-design .ra-article-meta { gap:12px; font-size:11px; margin-top:19px; } #ra-design .ra-prose { font-size:16px; line-height:1.95; } #ra-design .ra-prose h2 { font-size:24px; } #ra-design .ra-prose h3 { font-size:21px; } #ra-design .ra-prose blockquote { padding:17px 19px; } #ra-design .ra-prose pre { font-size:12px; padding:16px; } #ra-design .ra-article-end { align-items:flex-start; flex-direction:column; gap:14px; } #ra-design .ra-related .ra-post-card { grid-template-columns:minmax(0,1fr) 108px; gap:16px; } #ra-design .ra-related .ra-post-card h3 { font-size:19px; } #ra-design .ra-error { padding-block:52px; } } @media (max-width:360px) { #ra-design .ra-container { width:calc(100% - 32px); } #ra-design .ra-post-card { grid-template-columns:minmax(0,1fr) 88px; gap:12px; } #ra-design .ra-hero-actions { gap:16px; } } @media (prefers-reduced-motion:reduce) { #ra-design *,#ra-design *::before,#ra-design *::after { scroll-behavior:auto!important; transition:none!important; } } @media print { body.rrd-active,#ra-design { background:#fff; color:#000; } #ra-design .ra-header,#ra-design .ra-hero-art,#ra-design .ra-sidebar,#ra-design .ra-search,#ra-design .ra-filter-nav,#ra-design .ra-footer,#ra-design .ra-related,#ra-design .ra-back,#ra-design .ra-comments { display:none; } #ra-design .ra-container { width:100%; max-width:none; } #ra-design .ra-content-grid { display:block; } #ra-design .ra-post-card,#ra-design .ra-prose figure { break-inside:avoid; } }