/* Shared reading and navigation refinements. */
:root{--muted:#626c63}
.eyebrow{font-size:12px;color:#64715f}
.hero .lead{max-width:455px}
.hero-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap}
.example-link{display:inline-flex;align-items:center;gap:9px;min-height:44px;font-size:14px;font-weight:500;color:#34523b;text-decoration:underline;text-decoration-color:#bccab7;text-underline-offset:5px}
.example-link:hover{text-decoration-color:currentColor}
.example-link .icon{width:17px;height:17px}
.hero-offer{margin-top:18px;font-size:12px;line-height:1.7;color:#667160}
.feature-next{margin-top:20px}
.channels-caption,.channel-names,.industry-jump{color:#626f5a}
.channels-caption{font-size:13px}
.industry-tabs button{color:#58694f;min-height:44px}
.industry-caption,.industry-source,.industry-footer,.industry-chat-header div>span,.industry-order div>span{color:#637557;font-size:12px}
.industry-result{color:#536e43;font-size:13px}
.industry-order strong,.industry-chat-header strong{font-size:13px}
.agent-header strong,.artifact-heading,.order-product strong,.repeat-detail strong{font-size:13px}
.agent-channel,.artifact-heading small,.order-product span,.repeat-detail span,.artifact-bottom,.memory-line,.memory-saved,.timing-pill{font-size:12px;color:#62725a}
.agent-channel{color:#657063}
.artifact-heading small{line-height:1.5}
.artifact-bottom{align-items:center;gap:10px}
.scene-switch button{font-size:13px;min-height:40px;padding:9px 15px;color:#5e6c54}
.scene-switch button.active{color:#293c25}
.composer{color:#687361;font-size:12px}
.memory-replay{font-size:13px;min-height:44px;color:#536c4c}
.memory-peek summary,.memory-peek details p{font-size:14px}
.memory-peek-heading small,.memory-peek details p small{font-size:12px;color:#607254}
.icon-button{width:44px;height:44px;flex:none;color:#596c50;margin:-8px -6px -8px 0}
.icon-button:hover{background:#ecf1e7;color:#34482b}
.loop-node h3{font-size:14px;color:#526348}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.system-tile strong{color:#526348}
.system-tile>span:last-child:not(.system-icon),.context-preview div>span,.plugin-card>p,.plugin-actions button,.plugin-result>span,.entry-hint,.business-pill,.entry-answer,.loop-return,.operation-examples{color:#5e7051}
.plugin-actions button{min-height:42px}
#entry-chat{scroll-margin-top:125px}
.setup-link{display:inline-block;font-size:14px;color:#49643a;text-decoration:underline;text-decoration-color:#bdcdb1;text-underline-offset:4px;margin-top:9px}
.home-close{display:flex;flex-direction:column;align-items:center;text-align:center;padding:clamp(140px,15vw,200px) 0;scroll-margin-top:105px}
.home-close h2{max-width:760px;font:400 clamp(54px,5.5vw,76px)/1.06 var(--serif);letter-spacing:-1.3px;color:var(--ink)}
.home-close p{font-size:14px;color:#64735a;margin-top:20px;line-height:1.5}
.home-close .button{min-width:180px;justify-content:center;margin-top:38px}
.footer .footer-links{display:flex;align-items:center;gap:27px;font-size:14px;color:#607254}
.footer .footer-links a{display:block;font-size:14px}
.footer-links a[aria-current=page]{color:#293d25}
.mobile-navigation{display:none}
@media(min-width:761px) and (max-width:900px){
 .hero-phone{left:auto;right:0}
}
@media(max-width:760px){
 .header>nav{display:none!important}
 .mobile-navigation{display:block;margin-left:auto}
 .mobile-navigation summary{display:flex;align-items:center;gap:8px;list-style:none;padding:10px 12px;min-height:44px;border:1px solid #e3e8df;border-radius:22px;background:white;color:#3d5233;font-size:14px;cursor:pointer}
 .mobile-navigation summary::-webkit-details-marker{display:none}
 .mobile-navigation summary .icon{width:18px;height:18px}
 .mobile-navigation[open] summary{background:#f3f6ed;border-color:#bacaaf}
 .header .mobile-links{display:flex;flex-direction:column;align-items:stretch;gap:3px;position:absolute;top:calc(100% - 1px);left:16px;right:16px;background:#fff;border:1px solid #e0e7d9;border-radius:18px;padding:9px;box-shadow:0 15px 32px #263e1b16}
 .mobile-navigation:not([open]) .mobile-links{display:none}
 .header .mobile-navigation .mobile-links a{display:block;font-size:16px;padding:13px 15px;min-height:48px;border-radius:11px;color:#415536}
 .header .mobile-navigation .mobile-links a[aria-current=page]{background:#f4f7ee;color:#294021}
 .header .mobile-navigation .mobile-links a:hover{background:#f4f7ee}
 .hero .lead{font-size:16px;line-height:1.7;max-width:330px}
 .hero-actions{justify-content:center;gap:12px 20px}
 .hero-offer{max-width:330px;margin:16px auto 0;font-size:12px}
 .hero-links .industry-jump{font-size:14px}
 .feature-copy>p{font-size:16px}
 .channels{gap:15px}.channels-caption{font-size:12px}.channel-names{font-size:12px}
 .bubble,.industry-chat .bubble{font-size:13px;line-height:1.55}
 .agent-header strong,.artifact-heading,.order-product strong,.repeat-detail strong{font-size:12px}
 .agent-channel,.artifact-heading small,.order-product span,.repeat-detail span,.artifact-bottom,.memory-line,.memory-saved{font-size:12px}
 .agent-header{gap:4px}.artifact-heading small{line-height:1.4}
 .hero .scene-switch button{font-size:13px;min-height:42px}
 .memory-replay{font-size:13px}
 .rook-memory .rook-hint{font-size:11px;left:2px;transform:none;padding:7px 9px;bottom:-26px}
 .industry-tabs button{font-size:13px;padding:10px 9px;gap:5px}
 .industry-caption,.industry-source,.industry-footer,.industry-order div>span{font-size:12px;color:#637557}
 .industry-example{padding-left:19px;padding-right:19px}
 .industry-result{font-size:13px}
 .system-tile>span:last-child:not(.system-icon){font-size:10px}
 .systems-visual .system-tile strong{font-size:12px}
 .plugin-actions button{font-size:13px;min-height:42px}
 .plugin-card>p,.plugin-result>span,.entry-hint,.business-pill,.entry-answer,.loop-return,.operation-examples{font-size:12px}
 .entry-prompt{font-size:13px;line-height:1.65}.entry-answer{line-height:1.7}
 .chatgpt-entry-button{font-size:13px;min-height:44px}
 .plugin-artifact .artifact-heading{font-size:12px}.plugin-artifact .artifact-heading small{font-size:12px}
 .home-close{padding:110px 0 120px}
 .home-close h2{font-size:clamp(43px,7.5vw,58px);letter-spacing:-.8px}.home-close .button{margin-top:32px}.home-close p{font-size:13px;margin-top:18px}
 .footer{align-items:flex-start;flex-wrap:wrap;gap:24px}
 .footer .footer-links{display:flex;flex-wrap:wrap;gap:12px 20px}
 .footer .footer-links a{display:block;font-size:14px;min-height:32px;padding-top:3px}
}
@media(max-width:370px){.industry-tabs{flex-wrap:wrap}.industry-tabs button{font-size:12px;padding:9px 8px}}