/* Extensions only: design-q.css is the approved v8 sheet, unmodified. */
:is(body,#foundation-extension) .preview-bar{background:#F4DB8B;color:#22324A;padding:10px 24px;font:500 13px/1.5 "Public Sans",sans-serif;display:flex;gap:10px;flex-wrap:wrap;align-items:center;justify-content:center;border-bottom:1px solid #E3C565}
:is(body,#foundation-extension) .preview-bar a{color:#22324A;text-decoration:underline}
:is(body,#foundation-extension) .preview-bar form{display:inline;margin:0}
:is(body,#foundation-extension) .preview-bar button{background:transparent;border:0;text-decoration:underline;color:inherit;cursor:pointer;font:inherit;padding:0}
:is(body,#foundation-extension) .foundation{padding-top:52px;padding-bottom:64px;min-height:65vh;overflow-wrap:anywhere}
:is(body,#foundation-extension) .foundation h1{margin-bottom:24px}
:is(body,#foundation-extension) .foundation .card{margin:0 0 20px}
:is(body,#foundation-extension) .foundation label{display:block;font-weight:600;font-size:14px;margin:14px 0 6px}
:is(body,#foundation-extension) .foundation input:not([type=checkbox]),:is(body,#foundation-extension) .foundation select,:is(body,#foundation-extension) .foundation textarea{display:block;width:100%;max-width:100%;padding:12px;border:1px solid var(--line);font:inherit;border-radius:3px;background:white;color:var(--ink)}
:is(body,#foundation-extension) .foundation textarea{min-height:90px}
:is(body,#foundation-extension) .foundation button{cursor:pointer;margin-top:16px}
:is(body,#foundation-extension) .foundation .fields{display:grid;grid-template-columns:2fr 1fr;gap:18px}
:is(body,#foundation-extension) .foundation .table-wrap{max-width:100%;overflow:auto}
:is(body,#foundation-extension) .foundation table{width:100%;border-collapse:collapse;text-align:left;font-size:14px}
:is(body,#foundation-extension) .foundation th,:is(body,#foundation-extension) .foundation td{padding:12px;border-bottom:1px solid var(--line);vertical-align:top;overflow-wrap:anywhere}
:is(body,#foundation-extension) .foundation .error{background:#F8ECEA;border:1px solid #E3B1AB;padding:16px;margin-bottom:20px;color:#7A2F27}
:is(body,#foundation-extension) .foundation .notice{background:#EEF2F8;border:1px solid #BBD0E8;padding:16px;margin-bottom:20px}
:is(body,#foundation-extension) .foundation .auth-card{max-width:480px;margin:auto}
:is(body,#foundation-extension) .foundation .price{font-size:36px;color:var(--ink)}
:is(body,#foundation-extension) .foundation .actions{display:flex;gap:12px;flex-wrap:wrap}
:is(body,#foundation-extension) .foundation code{overflow-wrap:anywhere}
:is(body,#foundation-extension) .site-footer{background:#FAF8F2;border-top:1px solid var(--line);padding:32px;font-size:13px;color:var(--soft)}
:is(body,#foundation-extension) .site-footer .wrap{display:block}
:is(body,#foundation-extension) .opening{min-height:80vh;background:linear-gradient(180deg,#5079AA 0%,#4A75A6 60%,#44709F 100%);color:#fff;display:grid;place-items:center;padding:48px 24px}
:is(body,#foundation-extension) .opening h1{font-family:'Libre Caslon Display',Georgia,serif;color:#fff;font-size:64px;font-weight:400;line-height:1.05;margin:36px 0 20px}
:is(body,#foundation-extension) .opening p{color:#DCE6F2}:is(body,#foundation-extension) .opening .logo{color:#fff}:is(body,#foundation-extension) .opening .logo .seal{color:#F4DB8B}
:is(body,#foundation-extension) .opening a{color:#F4DB8B;text-decoration:underline}
:is(body,#foundation-extension) .opening .inner{width:min(100%,680px)}:is(body,#foundation-extension) .opening .logo .wm{font-size:30px;color:#fff}
:is(body,#foundation-extension) .opening{min-height:100svh}
:is(body,#foundation-extension) nav.top .links{flex-wrap:wrap}
:is(body,#foundation-extension) button:disabled{opacity:.65;cursor:not-allowed}
#q .pk{overflow-wrap:anywhere}
#q .search input{min-width:0}
#q .usm .st{fill:#628AB6}
#q .usm .sl{fill:#A9C2DE}
#q .pc{min-width:0;overflow-wrap:anywhere}
#q .pc .btn{white-space:normal;max-width:100%}
#q .pc .nm{overflow-wrap:anywhere}
.signin form label{display:block;font-size:14px;color:var(--soft);font-weight:600;margin:16px 0 6px}
.signin .error{background:#F8ECEA;border:1px solid #E3B1AB;padding:16px;margin-bottom:20px;color:#7A2F27}
.signin .notice{background:#EEF2F8;padding:14px;margin-bottom:20px}
#pricing .grid{margin-bottom:28px}
#pricing .tier{min-width:0}
@media(max-width:760px){
 .wrap:not(#q *){padding-left:20px;padding-right:20px}
 :is(body,#foundation-extension) nav.top .wrap:not(#q *){height:auto;min-height:72px;gap:16px;padding-top:16px;padding-bottom:16px;flex-wrap:wrap}
 :is(body,#foundation-extension) nav.top .links:not(#q *){gap:12px;font-size:13px}
 :is(body,#foundation-extension) .foundation .fields,:is(body,#foundation-extension) .foundation .g3,:is(body,#foundation-extension) .foundation .g2{grid-template-columns:1fr}
 :is(body,#foundation-extension) .foundation h1:not(#q *){font-size:36px}
 :is(body,#foundation-extension) .foundation{padding-top:32px}
 :is(body,#foundation-extension) .opening h1{font-size:48px}
 .signin:not(#q *){grid-template-columns:1fr;min-height:70vh}
 .signin .l:not(#q *){padding:40px 24px}
 .signin .r:not(#q *){display:none}
 #pricing .grid:not(#q *){grid-template-columns:1fr}
 #pricing table:not(#q *){display:block;overflow-x:auto;max-width:100%;font-size:13px}
 #pricing h1:not(#q *){font-size:34px!important}
 #q .links{gap:12px;flex-wrap:wrap}#q .top .wrap{height:auto;min-height:84px;padding-top:16px;padding-bottom:16px;gap:16px;flex-wrap:wrap}
 #q .hero>div{min-width:0}
 #q .search{flex-wrap:wrap}
 #q .search input{flex:1 1 100%;width:100%}
 #q .search button{width:100%}
 #q .legend{flex-wrap:wrap}
 #q .prices{grid-template-columns:minmax(0,1fr)}
}