/* Data semantics, reset, accessibility. Compositions live in each theme stylesheet. */
*{box-sizing:border-box}html{scroll-behavior:smooth}.r30{margin:0;background:var(--paper);color:var(--ink);font:16px/1.8 -apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;overflow-wrap:anywhere}h1,h2,h3,p,figure,dl{margin:0}h1{font-size:36px;line-height:1.35;letter-spacing:-.035em}h2{font-size:28px;line-height:1.5;letter-spacing:-.025em}h3{font-size:20px;line-height:1.5}p{margin:14px 0}small{font-size:13px}a{color:inherit;text-underline-offset:5px}button,input,summary{font:inherit}button,a,summary{-webkit-tap-highlight-color:transparent}img,svg{display:block;max-width:100%;height:auto}button{cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--focus,var(--accent));outline-offset:5px}.wrap,.canvas{width:min(var(--width,1200px),calc(100% - 80px));margin-inline:auto}.skip{position:absolute;left:16px;top:-150px;z-index:100;background:var(--paper);padding:10px}.skip:focus{top:8px}.r30 [hidden]{display:none!important}.anchor{display:block;scroll-margin-top:20px}.brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;min-width:0;max-width:100%}.brand strong{font-size:20px;line-height:1.5}.brand img{max-width:110px;max-height:44px;object-fit:contain}.site-header{position:relative;z-index:5}.header-main{min-width:0}.nav-wide{display:flex;flex-wrap:wrap;gap:0 22px}.nav-wide a{display:inline-flex;min-height:44px;align-items:center;text-decoration:none;font-size:14px}.nav-wide a:hover,.nav-wide a[aria-current]{text-decoration:underline}.menu-mobile{display:none}.button{display:inline-flex;justify-content:center;align-items:center;min-height:48px;padding:11px 22px;border:1px solid var(--accent);border-radius:var(--radius,0);background:var(--accent);color:var(--on-accent,#fff);font-size:16px;line-height:1.5;font-weight:650;text-decoration:none}.button:hover{filter:brightness(1.08)}.button:disabled{opacity:.65;cursor:default}.register-state{display:inline-flex;flex-direction:column;gap:3px}.register-state small{font-size:12px}.actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px 24px;margin-top:24px}.text-link,.plan-link{display:inline-flex;align-items:center;gap:20px;min-height:44px}.eyebrow{font-size:13px;letter-spacing:.05em;margin:0 0 18px;color:var(--muted)}.lead{max-width:650px;color:var(--muted);margin-top:20px}.composition{min-width:0}.composition svg{width:100%}.section-title{margin-bottom:30px}.section-title p{color:var(--muted)}.scenes article{min-width:0}.scenes p{color:var(--muted)}.story{min-width:0}.rich{line-height:1.95;overflow-wrap:anywhere}.rich *{max-width:100%;font-size:16px!important}.rich :where(h1,h2){font-size:28px!important;line-height:1.5}.rich :where(h3,h4,h5,h6){font-size:20px!important;line-height:1.6}.rich :where(p,ul,ol,blockquote,pre,table){margin-block:16px}.rich :where(h1,h2,h3,h4,h5,h6){margin-block:26px 12px}.rich pre{white-space:pre-wrap}.rich table{display:block;overflow-x:auto}.rich th,.rich td{padding:12px;border-bottom:1px solid var(--line);text-align:left}.rich img,.rich video{height:auto}.rich summary{min-height:44px;padding:12px 0;cursor:pointer}.rich details{border-bottom:1px solid var(--line)}.rich blockquote{border-left:3px solid var(--accent);margin-inline:0;padding-left:24px}.metrics{min-width:0}.metrics dl{display:flex;flex-wrap:wrap;gap:24px}.metrics dl>div{flex:1;min-width:140px}.r30 [data-facts] dt,.r30 [data-facts] dt *,.r30 .plan-name,.r30 .plan-name *{font-size:20px!important;line-height:1.5;font-weight:650}.r30 [data-facts] dd,.r30 [data-facts] dd *,.r30 .plan-note,.r30 .plan-note *{font-size:16px!important;line-height:1.75;font-weight:400}.r30 [data-facts] dd{margin:8px 0 0}.plan{min-width:0}.plan-note{margin-top:20px}.badge{display:inline-block;max-width:100%;font-size:12px;border:1px solid currentColor;padding:2px 8px;margin-bottom:12px}.plan-actions{margin-top:18px}.empty{padding:26px;border:1px solid var(--line)}.unavailable{font-size:14px;color:var(--muted)}.client{display:flex;align-items:center;gap:15px;text-decoration:none;min-height:70px}.client>span:nth-child(2){flex:1;min-width:0}.client small{display:block;color:var(--muted)}.client-icon svg{width:24px;height:24px}.client:hover strong{text-decoration:underline}.help-links{display:flex;flex-wrap:wrap;gap:18px 38px}.help-links a{min-height:44px;display:inline-flex;align-items:center;gap:20px}.help h2{margin-bottom:22px}.notice{position:relative;z-index:6}.notice-row{display:flex;align-items:baseline;gap:12px;padding-block:4px;min-width:0}.notice-label{flex-shrink:0;font-size:12px;font-weight:650}.notice .rich{min-width:0;flex:1}.notice .rich,.notice .rich *{font-size:14px!important;line-height:1.6}.notice .rich p{display:inline;margin:0}.notice .rich p+p::before{content:' ';white-space:pre-wrap}.notice .rich :where(ul,ol,blockquote,pre,table,h1,h2,h3,h4,h5,h6){margin-block:4px}.notice .rich>:first-child{margin-top:0}.notice .rich>:last-child{margin-bottom:0}.site-footer{margin-top:0}.footer-body{padding-block:32px 22px}.footer-identity p{font-size:13px;color:var(--muted);margin:6px 0 0;max-width:620px}.site-footer nav{display:flex;flex-wrap:wrap;gap:0 24px}.site-footer nav a{display:inline-flex;min-height:44px;align-items:center;font-size:14px;text-decoration:none}.site-footer nav a:hover{text-decoration:underline}.site-footer-links-inner,.site-footer-links-list{display:flex;flex-wrap:wrap;gap:4px 18px;align-items:baseline}.site-footer-links{margin-top:14px;color:var(--muted)}.site-footer-links a,.site-footer-links b{font-size:13px}.site-footer-links a{display:inline-block;padding-block:5px}.footer-contact{width:100%;min-width:0;border-top:1px solid var(--line);padding-top:14px;margin-top:18px;text-align:right;color:var(--muted);font-size:13px}.footer-contact .rich{margin-left:auto;max-width:740px}.footer-contact .rich,.footer-contact .rich *{font-size:13px!important;line-height:1.65}.footer-contact .rich :where(p,ul,ol,pre,blockquote,table,h1,h2,h3,h4,h5,h6){margin-block:4px}.footer-contact .copyright{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:4px 18px;font-size:13px;line-height:1.65;margin:6px 0 0}.copyright>span{min-width:0;max-width:100%}.footer-contact a{font-size:13px;text-decoration:none}.footer-contact a:hover{text-decoration:underline}.footer-email-label{font-size:13px;margin-right:6px}.page-content{min-width:0}.page-content>.rich{max-width:850px}.page-title p{max-width:750px}.page-next{min-height:44px}.gate{min-width:0}.gate h1{margin:12px 0 20px}.gate [data-facts]{margin:24px 0}.gate-action{min-width:0}.gate-back{display:inline-flex;min-height:44px;align-items:center}.gate button[data-cancel]{color:inherit;border:0;background:none;text-decoration:underline;min-height:44px;padding:5px}.gate [data-countdown]{font-size:14px}.footer-contact [data-facts] dt,.notice [data-facts] dt{font-size:20px!important}.footer-contact [data-facts] dd,.notice [data-facts] dd{font-size:16px!important}
@media(max-width:1000px){.wrap,.canvas{width:calc(100% - 40px)}.nav-wide{display:none!important}.menu-mobile{display:block;position:static;margin-left:auto}.menu-mobile summary{min-height:44px;padding:9px;cursor:pointer}.menu-mobile nav{position:absolute;left:0;right:0;top:100%;padding:18px 20px;box-shadow:0 10px 30px #0002;background:var(--paper);color:var(--ink);border:1px solid var(--line);display:flex;flex-wrap:wrap;gap:0 24px;z-index:20}.menu-mobile a{display:inline-flex;align-items:center;min-height:44px;font-size:14px;text-decoration:none}.site-header .header-main{display:flex!important;flex-wrap:nowrap!important;align-items:center;gap:8px;min-height:76px;padding-block:10px}.site-header .brand{flex:1;max-width:none;min-width:0}.site-header .brand img{max-width:60px;max-height:35px}.site-header .brand strong{font-size:18px}.site-header .header-main>.button,.site-header .register-state{flex-shrink:0;white-space:nowrap;margin-left:0}.site-header .header-aside{display:none}.site-header .header-nav{padding:0!important;border:0!important}.site-header .header-main .button{padding-inline:16px}.site-header .menu-mobile{order:1}.site-header .header-main>.button,.site-header .header-main>.register-state{order:2}.site-header .header-main .brand{order:0}}
@media(max-width:600px){.wrap,.canvas{width:calc(100% - 32px)}h1{font-size:32px}h2{font-size:26px}.brand{gap:6px}.site-header .brand strong{font-size:16px}.site-header .brand img{max-width:42px}.site-header .header-main{gap:3px}.site-header .header-main .button{padding-inline:10px}.menu-mobile summary{padding-inline:6px;font-size:14px}.notice-row{gap:8px}.notice-label{font-size:12px}.notice-label i{display:none}.footer-contact .copyright{gap:4px 12px}.metrics dl>div{flex-basis:100%}.footer-body{padding-block:26px 18px}.composition{max-height:270px;overflow:hidden}.composition svg{max-height:270px;object-fit:contain}.gate{margin-block:28px!important}.gate [data-facts] dd{word-break:break-word}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}


.skin-paperplane{--paper:#EAF0CA;--ink:#244C46;--accent:#226654;--surface:#F9FBEF;--on-accent:#fff;--line:color-mix(in srgb,#244C46 24%,transparent);--muted:color-mix(in srgb,#244C46 84%,#EAF0CA);--width:1160px;}
.header-main{display:flex;align-items:center;gap:28px;padding:22px 0}.header-main>.brand{max-width:24%}.nav-wide{flex:1;justify-content:center}.header-main>.button,.header-main>.register-state{flex-shrink:0}.notice{border-bottom:1px solid var(--line)}.notice-label{background:var(--accent);color:var(--on-accent);border-radius:20px;padding-inline:10px}.inner{padding:40px 0 55px}.page-title{text-align:center;max-width:820px;margin:0 auto 40px}.page-title p{margin-inline:auto}.reading{display:grid;grid-template-columns:minmax(0,1fr) 160px;gap:35px}.page-content{padding:35px;border:1px solid var(--line);background:var(--surface)}.page-index{display:grid;gap:10px}.page-index a{min-height:44px}.page-next{display:block;margin-top:30px}.gate{max-width:800px;margin:65px auto;padding:40px;border-block:1px solid var(--accent)}.gate-target{border-block:1px solid var(--line);margin:30px 0}.gate>footer{display:flex;gap:30px;justify-content:space-between;align-items:center}
.site-footer{border-top:1px solid var(--line)}.footer-top{display:flex;justify-content:space-between;gap:35px;align-items:start}.footer-top nav{max-width:55%}.footer-identity{margin-bottom:15px}
@media(max-width:800px){.inner .reading,.inner .page-cover{display:block}.inner .reading>aside{border:0;padding:20px 0}.page-index{display:flex;flex-wrap:wrap;gap:10px 25px;padding-block:12px}.page-title,.page-cover,.page-content{padding:24px 18px}.reading>section{min-width:0}.gate{display:block}.gate-transfer{display:block}.gate-copy,.gate-transfer,.gate-band{padding:25px}.gate>footer{display:block}.gate-index{border-right:0;border-bottom:1px solid var(--line)}.footer-top{display:block}.footer-top nav{max-width:none}}
@media(max-width:600px){.gate{padding:24px 18px}.gate .gate-transfer{padding:20px 0}.gate-copy,.gate-band{padding:24px 18px}.inner{padding-block:25px}.page-title{padding-inline:0}}


.start-head{display:grid;grid-template-columns:1.3fr .9fr;align-items:center;gap:40px;padding:45px 0}.start-head header{max-width:740px}.start-head aside{align-self:end}.start-route{border-left:4px solid var(--accent);padding-left:30px}.start-step,.start-choice,.start-install{display:grid;grid-template-columns:240px minmax(0,1fr);gap:40px;padding:35px 0;border-top:1px solid var(--line)}.start-route section>aside>span{display:inline-flex;width:45px;height:45px;align-items:center;justify-content:center;border-radius:50%;background:var(--accent);color:white;font-size:20px;margin-bottom:20px}.start-route section>aside h2{font-size:24px}.start-step>article{background:var(--surface);padding:25px}.start-choice>div>.scenes,.start-install>div>.scenes{margin-bottom:25px}.start-about{display:grid;grid-template-columns:1.5fr 1fr;gap:60px;background:var(--surface);padding:40px;margin-top:40px}.start-about .metrics dl{display:grid;gap:20px}.start-help{margin:40px 0;padding-left:35px}.start-end{display:grid;grid-template-columns:160px 1fr;gap:40px;padding:45px 35px;background:var(--accent);color:white;margin-bottom:45px}.start-end>aside{font-size:36px;border:1px solid #ffffff88;border-radius:50%;width:95px;height:95px;display:grid;place-items:center}.start-end .button{border:1px solid white;margin-top:18px}.start-end>div{max-width:760px}.site-footer{border-top:1px dashed var(--accent)}
@media(max-width:900px){.start-route{padding-left:20px}.start-step,.start-choice,.start-install{grid-template-columns:180px 1fr;gap:25px}}@media(max-width:600px){.start-head{display:block;padding:25px 0}.start-head aside{margin-top:20px}.start-head .composition{max-height:180px}.start-route{padding-left:18px}.start-step,.start-choice,.start-install{display:block;padding:25px 0}.start-route section>aside{margin-bottom:25px}.start-route section>aside>span{margin-bottom:12px}.start-about{display:block;padding:25px 20px;margin-top:25px}.start-about .metrics{margin-top:25px}.start-help{padding:0;margin:30px 0}.start-end{display:block;padding:28px 20px}.start-end>aside{width:50px;height:50px;font-size:28px;margin-bottom:20px}}


[data-offers],[data-downloads]{container-type:inline-size;min-width:0;max-width:100%}[data-offers] *,[data-downloads] *{min-width:0}[data-offers] [data-offer]{max-width:100%}[data-offers] [data-offer-note],[data-offers] [data-offer-note] *{font-size:16px!important;line-height:1.75;font-weight:400}[data-offers] [data-offer-note]{margin:18px 0;overflow-wrap:anywhere}[data-offers] [data-offer-note] img{height:auto;max-width:100%}[data-offers] [data-offer-note] table{display:block;overflow:auto}[data-offers] [data-offer-note] pre{white-space:pre-wrap}[data-offers] .offer-fact{margin:0}[data-offers] [data-facts] dt,[data-offers] [data-facts] dt *{font-size:20px!important}[data-offers] [data-facts] dd,[data-offers] [data-facts] dd *{font-size:16px!important}[data-downloads] h3,[data-downloads] h4{font-size:20px;line-height:1.5;margin:0}[data-downloads] p{font-size:16px;line-height:1.75}[data-downloads] a{font-size:16px;line-height:1.6;min-height:44px;text-decoration:none}[data-downloads] a:hover{text-decoration:underline}[data-downloads] .os-icon{display:block;width:24px;height:24px;flex-shrink:0}[data-downloads] .os-icon svg{width:100%;height:100%}[data-downloads] .download-empty{padding:28px;border:1px dashed var(--accent)}[data-offers] summary{min-height:44px}[data-offers] .is-recommended .badge{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}

[data-offers],[data-downloads]{min-width:0;max-width:100%;color:var(--ink)}
[data-offers] .offer-item:only-child{width:100%}
[data-offers] .offer-head{display:flex;flex-direction:column;align-items:flex-start;gap:8px}
[data-offers] .offer-head .plan-name{order:0;font-size:20px!important;line-height:1.5;margin:0;color:var(--ink)}
[data-offers] .offer-head .badge{order:1;position:static;display:inline-flex;align-self:flex-start;align-items:center;font-size:12px;line-height:1.6;padding:3px 9px;border:1px solid var(--accent);border-radius:4px;margin:0}
[data-offers] .is-recommended{border-color:var(--accent)}
[data-offers] .offer-fact dt{line-height:1.5;font-weight:600;flex-shrink:0}
[data-offers] .offer-fact dd{margin:6px 0 0;line-height:1.7;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
[data-offers] [data-offer-note]{margin:20px 0 0;color:var(--muted)}
[data-offers] [data-offer-note]:empty{display:none}
[data-offers] [data-offer-note]>:first-child{margin-top:0}
[data-offers] [data-offer-note]>:last-child{margin-bottom:0}
[data-offers] .offer-bottom [data-offer-note]{margin:0}
[data-offers] .offer-action>a,[data-offers] .offer-action>.unavailable{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:46px;max-width:100%;padding:10px 18px;border:1px solid var(--accent);border-radius:5px;line-height:1.6;font-size:16px;font-weight:600;text-decoration:none;background:transparent;color:var(--ink)}
[data-offers] .is-recommended .offer-action>a{background:var(--accent);color:var(--on-accent)}
[data-offers] .offer-action>a:hover{background:var(--accent);color:var(--on-accent)}
[data-offers] .offer-action>.unavailable{border-color:var(--line);color:var(--muted);font-weight:400}
[data-downloads] .download-entry>a{color:var(--ink);text-decoration:none;border-radius:inherit}
[data-downloads] .download-entry>a:hover{background:color-mix(in srgb,var(--accent) 7%,transparent);text-decoration:none}
[data-downloads] .download-entry>a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
[data-downloads] .download-entry .os-icon{width:28px;height:28px;color:var(--accent)}
[data-downloads] .download-copy h3{font-size:20px;line-height:1.5}
[data-downloads] .download-copy p{margin:6px 0 0;color:var(--muted);font-size:16px;line-height:1.7}
[data-downloads] .download-action{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:600;line-height:1.6;color:var(--ink)}
[data-downloads] .download-help{margin-top:24px;padding-top:16px;border-top:1px solid var(--line)}
[data-downloads] .download-help>a{display:inline-flex;align-items:center;min-height:44px;color:var(--muted);text-decoration:underline}
[data-downloads] .download-group:only-child{grid-column:1/-1}
/* Dedicated commerce pages have enough width for comparison and device names. */
.inner.commerce-page{border:0;margin:0;padding:40px 0 56px}
.commerce-page .page-title{padding:0;max-width:850px;margin:0 0 24px;text-align:left;border:0}
.commerce-page .page-title p{margin-inline:0}
.commerce-page .page-index{display:flex;flex-direction:row;flex-wrap:wrap;gap:8px 28px;padding:12px 0;margin:0 0 32px;border-top:0;border-bottom:1px solid var(--line)}
.commerce-page .page-index a{display:inline-flex;align-items:center;min-height:44px;padding:0}
.commerce-page .page-content{padding:0;background:transparent;border:0;min-width:0;max-width:100%}
.commerce-page .page-next{padding:16px 0 0;margin-top:28px;border:0}
@media(max-width:600px){.inner.commerce-page{padding:28px 0 40px}.commerce-page .page-index{gap:4px 20px;margin-bottom:24px}}

.offer-set{display:grid;gap:28px}.offer-item{padding:28px 0;border-top:1px solid var(--line)}.offer-heading{display:flex;align-items:start;gap:20px;margin-bottom:28px}.offer-number{font:16px/1.8 monospace;color:var(--accent);padding-top:2px}
.offer-body{margin-left:42px}.offer-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px}.offer-bottom{display:flex;align-items:center;justify-content:space-between;gap:28px;border-top:1px solid var(--line);padding-top:24px;margin-top:24px}.offer-bottom [data-offer-note]{flex:1}.offer-action{flex-shrink:0}
@container(max-width:720px){.offer-facts{grid-template-columns:1fr 1fr}.offer-body{margin-left:0}.offer-bottom{display:grid;gap:20px}.offer-action>a{width:100%}}
@container(max-width:360px){.offer-facts{grid-template-columns:1fr}}
.offer-number{border:1px solid var(--line);border-radius:50%;padding:4px 10px}.offer-body{margin-left:0}

.download-panels{display:grid;grid-template-columns:1fr 1fr;gap:24px}.download-group{padding:28px;border:1px solid var(--line);background:var(--surface);border-radius:var(--download-radius,8px)}.download-group>header{padding-bottom:20px;border-bottom:1px solid var(--line)}.download-entry+.download-entry{border-top:1px solid var(--line)}.download-entry>a{display:grid;grid-template-columns:28px minmax(0,1fr);gap:12px 18px;padding:22px 0}.download-action{grid-column:2;justify-self:start}
@container(max-width:720px){.download-panels{grid-template-columns:1fr}.download-group{padding:24px}}
.download-group{--download-radius:12px}.download-group>header{border-bottom-color:var(--accent)}

/* Remove nested frames, narrow sidebar slots and offsets from commerce sections. */
[data-page="home"] :is(#plans,#downloads){--paper:#EAF0CA;--ink:#244C46;--accent:#226654;--surface:#F9FBEF;--on-accent:#fff;--line:color-mix(in srgb,#244C46 20%,transparent);--muted:color-mix(in srgb,#244C46 78%,#EAF0CA);display:block;width:100%;min-width:0;max-width:none;margin-inline:0;padding:48px 0;background:transparent;color:var(--ink);border:0;border-radius:0;box-shadow:none;transform:none}
[data-page="home"] :is(#plans,#downloads)>:is(header,aside,.section-title){padding:0;max-width:760px;margin:0 0 28px;border:0;text-align:left}
[data-page="home"] :is(#plans,#downloads)>div{min-width:0}
[data-page="home"] :is(#plans,#downloads)>aside>span{display:inline-block;margin-bottom:8px}
@media(max-width:600px){[data-page="home"] :is(#plans,#downloads){padding:32px 0}[data-page="home"] :is(#plans,#downloads)>:is(header,aside,.section-title){margin-bottom:24px}}
.commerce-page{--paper:#EAF0CA;--ink:#244C46;--accent:#226654;--surface:#F9FBEF;--on-accent:#fff;--line:color-mix(in srgb,#244C46 20%,transparent);--muted:color-mix(in srgb,#244C46 78%,#EAF0CA);}
@media(max-width:720px){.offer-facts{grid-template-columns:1fr 1fr}.offer-body{margin-left:0}.offer-bottom{display:grid;gap:20px}.offer-action>a{width:100%}}
@media(max-width:360px){.offer-facts{grid-template-columns:1fr}}
@media(max-width:720px){.download-panels{grid-template-columns:1fr}.download-group{padding:24px}}



/* Extra styling for runwaycloud.homes */
.menu-mobile { display: none; }
@media(max-width: 800px) {
  .nav-wide { display: none; }
  .menu-mobile { display: block; position: relative; }
  .menu-mobile summary { cursor: pointer; padding: 8px 14px; border: 1px solid var(--accent); border-radius: 4px; font-weight: 600; list-style: none; }
  .menu-mobile[open] nav { position: absolute; right: 0; top: 100%; margin-top: 8px; background: var(--surface); border: 1px solid var(--line); border-radius: 6px; padding: 12px 18px; display: flex; flex-direction: column; gap: 10px; z-index: 1000; box-shadow: 0 8px 24px rgba(0,0,0,0.12); width: 200px; }
}
.faq-list details { background: var(--surface); border: 1px solid var(--line); border-radius: 6px; margin-bottom: 12px; padding: 16px 20px; transition: all 0.2s ease; }
.faq-list details[open] { border-color: var(--accent); }
.faq-list summary { font-size: 18px; font-weight: 600; cursor: pointer; list-style: none; display: flex; justify-content: space-between; align-items: center; }
.faq-list summary::after { content: "＋"; font-size: 20px; color: var(--accent); }
.faq-list details[open] summary::after { content: "－"; }
.faq-list p { margin-top: 12px; color: var(--muted); font-size: 15px; line-height: 1.8; }
.article-featured-card { background: var(--surface); border: 1px solid var(--line); border-radius: 8px; padding: 28px; margin-top: 24px; }
.article-featured-card h3 { font-size: 22px; margin-bottom: 12px; color: var(--ink); }
.article-featured-card p { color: var(--muted); line-height: 1.8; margin-bottom: 18px; }
.article-featured-card .read-link { display: inline-flex; align-items: center; gap: 8px; font-weight: 600; color: var(--accent); text-decoration: underline; }
.brand { display: flex; align-items: center; gap: 12px; font-size: 22px; font-weight: 700; color: var(--ink); text-decoration: none; }
.brand img { width: 36px; height: 36px; border-radius: 8px; object-fit: contain; }
.button { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 44px; padding: 10px 22px; background: var(--accent); color: var(--on-accent); border: 1px solid var(--accent); border-radius: 5px; font-size: 15px; font-weight: 600; text-decoration: none; cursor: pointer; }
.button:hover { background: color-mix(in srgb, var(--accent) 85%, #000); color: #fff; }
.button.is-subtle { background: transparent; color: var(--ink); border-color: var(--line); }
.button.is-subtle:hover { border-color: var(--accent); color: var(--accent); }
.test-table { width: 100%; border-collapse: collapse; margin: 24px 0; background: var(--surface); border: 1px solid var(--line); }
.test-table th, .test-table td { padding: 12px 16px; border: 1px solid var(--line); text-align: left; }
.test-table th { background: color-mix(in srgb, var(--accent) 12%, var(--surface)); color: var(--ink); font-weight: 600; }