/* Product-site consumer component. Existing page typography and sections stay scoped. */
.fol-past-product-content .public-core-sidebar { opacity:0!important; visibility:hidden!important; pointer-events:none!important; }
.fol-knowledge { scroll-margin-top:88px; padding:88px 0; color:var(--ztc-text); font-family:var(--ztc-sans); background:var(--ztc-white); }
.fol-knowledge.f_huise { background:var(--ztc-surface-subtle); }
.fol-knowledge *, .fol-knowledge *::before, .fol-knowledge *::after { box-sizing:border-box; }
.fol-knowledge-inner { width:calc(100% - 96px); max-width:1320px; margin:auto; display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); gap:72px; align-items:center; }
.fol-knowledge-eyebrow { display:flex; align-items:center; flex-wrap:wrap; gap:10px; margin:0 0 22px; font-size:15px; font-weight:600; color:var(--ztc-action); }
.fol-knowledge-beta { border:1px solid var(--ztc-border); border-radius:999px; padding:2px 7px; font:600 11px/1.4 var(--ztc-sans); }
.fol-knowledge h2 { margin:0; font-family:var(--ztc-serif); font-size:clamp(30px,3.2vw,44px); font-weight:600; line-height:1.5; letter-spacing:-.025em; color:var(--ztc-text); }
.fol-knowledge-description { margin:24px 0 22px; max-width:28em; font-size:17px; line-height:1.9; color:var(--ztc-text-muted); }
.fol-knowledge a { text-decoration:none; }
.fol-knowledge-visit { display:inline-flex; gap:14px; align-items:center; min-height:44px; color:var(--ztc-action); font-size:15px; font-weight:600; }
.fol-knowledge-visit:hover { color:var(--ztc-action-hover); }
.fol-knowledge-card { min-width:0; padding:28px; border:1px solid var(--ztc-border); border-radius:16px; background:var(--ztc-white); }
.fol-knowledge-card-heading { display:flex; align-items:center; gap:10px; color:var(--ztc-action); font-size:18px; font-weight:600; margin-bottom:20px; }
.fol-knowledge-form { padding:16px 16px 12px; border:1px solid var(--ztc-border); border-radius:12px; background:var(--ztc-surface-subtle); transition:border-color var(--ztc-duration-fast); }
.fol-knowledge-form:focus-within { border-color:var(--ztc-action); }
.fol-knowledge textarea { display:block; width:100%; height:124px; min-height:96px; max-height:280px; resize:vertical; border:0; border-radius:0; background:transparent; box-shadow:none; padding:0; margin:0; color:var(--ztc-text); font:400 16px/1.8 var(--ztc-sans); }
.fol-knowledge textarea::placeholder { color:var(--ztc-text-muted); opacity:1; }
.fol-knowledge textarea:focus { outline:none; }
.fol-knowledge-form-bottom { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-top:14px; }
.fol-knowledge-form-bottom>span { color:var(--ztc-text-muted); font-size:12px; line-height:1.6; }
.fol-knowledge button { display:inline-flex; align-items:center; justify-content:center; gap:10px; flex-shrink:0; min-height:44px; padding:10px 16px; border:1px solid var(--ztc-action); border-radius:24px; background:var(--ztc-action); color:var(--ztc-text-on-dark); font:600 14px/1.4 var(--ztc-sans); cursor:pointer; }
.fol-knowledge button:hover { background:var(--ztc-action-hover); border-color:var(--ztc-action-hover); }
.fol-knowledge-feedback { margin:0; color:var(--ztc-text-muted); font-size:13px; line-height:1.6; }
.fol-knowledge-feedback:not(:empty) { margin-top:10px; }
.fol-knowledge-feedback a { color:var(--ztc-action); text-decoration:underline; display:inline-block; min-height:44px; padding:10px 0; }
.fol-knowledge-suggestions { margin-top:22px; }
.fol-knowledge-suggestions-label { display:block; margin-bottom:10px; color:var(--ztc-text-muted); font-size:13px; }
.fol-knowledge-chips { display:flex; flex-wrap:wrap; gap:6px 8px; }
.fol-knowledge-chips a { display:inline-flex; align-items:center; min-height:44px; padding:8px 12px; border:1px solid var(--ztc-border); border-radius:24px; color:var(--ztc-action); background:var(--ztc-white); font-size:13px; line-height:1.4; transition:background var(--ztc-duration-fast),border-color var(--ztc-duration-fast); }
.fol-knowledge-chips a:hover { background:var(--ztc-tint-info-bg); border-color:var(--ztc-action); }
.fol-knowledge :is(a,button):focus-visible { outline:2px solid var(--ztc-action); outline-offset:3px; }
.fol-knowledge-sr { position:absolute; width:1px; height:1px; padding:0; margin:-1px; clip:rect(0,0,0,0); overflow:hidden; white-space:nowrap; }
@media(max-width:1100px) { .fol-knowledge-inner { gap:36px; width:calc(100% - 64px); } .fol-knowledge-card { padding:22px; } .fol-knowledge-form-bottom>span { max-width:115px; } }
@media(max-width:767px) { .fol-knowledge { padding:52px 0; } .fol-knowledge-inner { width:calc(100% - 40px); grid-template-columns:1fr; gap:26px; } .fol-knowledge h2 { font-size:30px; } .fol-knowledge-eyebrow { margin-bottom:14px; } .fol-knowledge-description { margin:16px 0 10px; font-size:16px; } .fol-knowledge-card { padding:18px; } .fol-knowledge-form { padding:14px 12px 12px; } .fol-knowledge textarea { height:112px; } .fol-knowledge-chips { gap:6px; } .fol-knowledge-chips a { font-size:13px; padding:8px 10px; } .fol-knowledge-form-bottom>span { max-width:105px; font-size:11px; } .fol-knowledge button { padding:10px 12px; } }
@media(prefers-reduced-motion:reduce) { .fol-knowledge *, .fol-knowledge *::before, .fol-knowledge *::after { transition:none!important; animation:none!important; scroll-behavior:auto!important; } }
@media print { .fol-knowledge { display:none!important; } }