/* Interface Craft uses the site's approved brand tokens and shared type. */
.interface-craft-page .craft-hero{padding-bottom:48px}
.interface-craft-page .craft-back{margin-bottom:44px;color:var(--muted)}
.interface-craft-page .craft-intro{display:grid;grid-template-columns:1.05fr 1fr;gap:64px;align-items:end}
.interface-craft-page .craft-label{font-size:16px;color:var(--blue);margin-bottom:22px}
.interface-craft-page .craft-intro h1{font-size:clamp(48px,5.5vw,80px);max-width:12ch;line-height:1.04}
.interface-craft-page .craft-intro-copy .lede{margin-top:0;max-width:40ch}
.interface-craft-page .craft-intro-copy>p+p{font-size:14px;margin-top:24px}
.interface-craft-page .craft-demo{padding-top:48px;scroll-margin-top:calc(var(--site-header-offset,80px) + 24px)}
.interface-craft-page .craft-demo .section-head{align-items:end}
.interface-craft-page .craft-demo .section-head p{margin-top:20px;max-width:58ch}
.interface-craft-page .craft-demo-frame{display:block;width:100%;height:1050px;border:1px solid var(--line);border-radius:16px;background:var(--paper)}
.interface-craft-page .craft-caption{font-size:12px;margin-top:16px}
.interface-craft-page .craft-existing{padding-bottom:0;max-width:900px}
.interface-craft-page .craft-existing h2{font-size:clamp(28px,3vw,42px);max-width:24ch}
.interface-craft-page .craft-existing>p{max-width:68ch;margin-top:24px}
.interface-craft-page .craft-existing blockquote{margin:28px 0 0;padding:4px 0 4px 24px;border-left:2px solid var(--blue);max-width:62ch;color:var(--ink);font-size:17px;line-height:1.65}
.interface-craft-page .craft-contents-layout{display:grid;grid-template-columns:1fr 1.1fr;gap:80px}
.interface-craft-page .craft-contents-layout h2{max-width:15ch}
.interface-craft-page .craft-contents-layout>div>p{margin-top:24px;max-width:34ch}
.interface-craft-page .craft-inventory{margin:0}
.interface-craft-page .craft-inventory>div{padding:24px 0;border-top:1px solid var(--line)}
.interface-craft-page .craft-inventory>div:first-child{padding-top:0;border-top:0}
.interface-craft-page .craft-inventory dt{font-size:19px;font-weight:500;color:var(--ink)}
.interface-craft-page .craft-inventory dd{margin:10px 0 0;max-width:52ch;color:var(--muted);font-size:15px}
.interface-craft-page .craft-next{display:grid;grid-template-columns:1.2fr 1fr;gap:80px;align-items:end}
.interface-craft-page .craft-next h2{max-width:20ch}
.interface-craft-page .craft-next>div>p{margin-top:24px}
.interface-craft-page .craft-next .button{margin-top:28px}
.interface-craft-page .craft-status{max-width:42ch;font-size:13px}
.library-page .craft-library{padding-top:36px}
.library-page .craft-library-feature{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:48px}
.library-page .craft-library-feature h2{max-width:15ch;margin:14px 0 20px}
.library-page .craft-library-feature p{max-width:47ch}
.library-page .craft-library-label{font-size:13px;color:var(--blue)}
.library-page .craft-library-mark{padding:40px;background:var(--soft);border-radius:16px;min-height:280px;display:flex;flex-direction:column;justify-content:space-between;gap:36px}
.library-page .craft-library-mark strong{font-family:Aventa,Arial,sans-serif;font-weight:500;font-size:clamp(36px,4vw,56px);line-height:1.08;letter-spacing:-.045em}
.library-page .craft-library-mark span{font-size:13px;color:var(--muted)}
.library-page .design-library-feature{margin-bottom:24px}
@media(max-width:900px){
  .interface-craft-page .craft-intro{gap:36px}
  .interface-craft-page .craft-contents-layout,.interface-craft-page .craft-next{gap:40px}
  .library-page .craft-library-feature{gap:32px;padding:32px}
}
@media(max-width:640px){
  .interface-craft-page .craft-back{margin-bottom:28px}
  .interface-craft-page .craft-intro,.interface-craft-page .craft-contents-layout,.interface-craft-page .craft-next{grid-template-columns:1fr;gap:32px}
  .interface-craft-page .craft-intro h1{font-size:clamp(44px,10vw,62px)}
  .interface-craft-page .craft-demo{padding-top:16px}
  .interface-craft-page .craft-demo-frame{height:860px;border-radius:12px}
  .interface-craft-page .craft-existing blockquote{padding-left:18px;font-size:15px}
  .interface-craft-page .craft-demo .section-head{display:block}
  .interface-craft-page .craft-demo .section-head>.text-link{margin-top:16px}
  .interface-craft-page .craft-status{border-top:1px solid var(--line);padding-top:4px;max-width:none}
  .library-page .craft-library-feature{grid-template-columns:1fr;padding:28px;gap:0}
  .library-page .craft-library-mark{display:none}
  .library-page .craft-library-feature .actions{gap:12px 24px}
}