.jrf-help { --help-ink:#30261e; --help-rust:#833e29; --help-line:#cbbca3; color:var(--help-ink); }
.jrf-customer-help-page #primary { width:100%; float:none; margin-right:0; }
.jrf-customer-help-page #secondary { display:none; }
.jrf-customer-help-page .jrf-help { max-width:1120px; margin:auto; }
.jrf-help [hidden] { display:none!important; }
.jrf-help h2 { font-size:clamp(1.5rem,3vw,2.25rem); line-height:1.2; margin:0 0 1rem; }
.jrf-help h3 { font-size:1.25rem; line-height:1.3; margin:0 0 .6rem; }
.jrf-help p { line-height:1.65; }
.jrf-help a:not(.button) { color:#70341f; text-decoration:underline; text-underline-offset:3px; }
.jrf-help :is(a,button,input,select,summary):focus-visible { outline:3px solid #95471e; outline-offset:4px; }
.jrf-help .button,.jrf-help button { background:#77371f; color:#fff8e9; border-radius:3px; min-height:44px; }
.jrf-help-intro { padding:1.5rem 0 2rem; max-width:850px; }
.jrf-help-intro .button { margin-right:1rem; }
.jrf-template-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1.25rem; margin-bottom:3rem; }
.jrf-template-card { background:#fff9ed; border:1px solid var(--help-line); border-radius:5px; overflow:hidden; }
.jrf-template-card>img { width:100%; height:200px; object-fit:contain; padding:1rem; background:#e5dcc9; }
.jrf-template-card>div { padding:1.25rem; }
.jrf-template-card p { margin:0 0 .75rem; }
.jrf-help-spec { font-size:.9rem; }
.jrf-tutorial { border-top:2px solid var(--help-line); padding-top:2rem; }
.jrf-tutorial ol { list-style:none; margin:2rem 0; counter-reset:steps; }
.jrf-tutorial li { display:grid; grid-template-columns:120px 1fr; gap:1.5rem; padding:1.5rem 0; border-bottom:1px solid var(--help-line); counter-increment:steps; }
.jrf-tutorial h3:before { content:counter(steps) '. '; color:var(--help-rust); }
.jrf-step-art { min-height:100px; display:grid; place-items:center; background:#e9dfcb; border-radius:4px; }
.jrf-step-canvas { border:2px solid #785a3c; background:#fffaf0; width:90px; height:60px; display:grid; place-items:center; }
.jrf-step-canvas span { background:#743d2b; color:#fff8ed; font-size:10px; font-weight:bold; padding:5px; transform:rotate(-8deg); }
.jrf-step-canvas.canvas span { visibility:hidden; }
.jrf-step-canvas.edges { outline:1px dashed #743d2b; outline-offset:-7px; }
.jrf-step-canvas.export span,.jrf-step-canvas.upload span { transform:none; }
.jrf-step-canvas.upload:after { content:'↑'; position:absolute; margin-left:100px; color:#743d2b; font-size:30px; }
.jrf-help-order { padding:1.5rem; background:#e7dcc6; border-left:5px solid #833e29; margin-bottom:2rem; }
.jrf-help label { display:block; font-weight:700; margin-bottom:.5rem; }
.jrf-help input,.jrf-help select { box-sizing:border-box; max-width:100%; width:100%; min-height:46px; background:#fffaf0; color:#30261e; border:1px solid #957e60; padding:.7rem; }
.jrf-help-order-detail { padding-top:1.5rem; }
.jrf-help-pagination { display:flex; gap:1rem; margin-top:1rem; }
.jrf-help-search { margin:2rem 0 1rem; }
.jrf-help-topics { display:flex; flex-wrap:wrap; gap:.65rem; padding-bottom:2rem; }
.jrf-help-topics a { padding:.5rem .8rem; border:1px solid var(--help-line); border-radius:3px; }
.jrf-help-topic { margin-bottom:2.5rem; scroll-margin-top:2rem; }
.jrf-help-topic details { border-bottom:1px solid var(--help-line); background:#fff9ed; }
.jrf-help-topic summary { padding:1rem; font-weight:700; cursor:pointer; }
.jrf-help-topic details p { padding:0 1rem 1.25rem; margin:0; }
.jrf-help-topic details[open] { border-left:3px solid var(--help-rust); }
.jrf-help-contact { border-top:2px solid var(--help-line); padding-top:1.5rem; }
@media(max-width:600px) { .jrf-template-grid { grid-template-columns:1fr; } .jrf-tutorial li { grid-template-columns:80px 1fr; gap:1rem; } .jrf-step-canvas { width:65px; height:48px; } .jrf-step-canvas.upload:after { margin-left:70px; } .jrf-help-order { padding:1rem; } }