/* Keep the existing paper-and-navy directory, with color supplied by the artwork. */
[hidden]{display:none!important}.pictures small,.detail-topic,.print-help,.breadcrumbs,.select-work{font-size:14px}.intro{font-size:16px}.main-nav a{font-size:14px}.picture{position:relative;overflow:hidden}.picture .card-line{display:block}.picture .example-peek{position:absolute;bottom:0;right:0;width:34%;max-width:88px;line-height:1.25;background:white;border-left:1px solid #cad3da;border-top:1px solid #cad3da}.picture .example-peek img{height:95px;width:100%;object-fit:contain;padding:3px}.example-peek>span{display:block;font-size:12px;text-align:center;padding:3px;color:#275376;background:#edf2f5}.gallery-color .picture .card-line{visibility:hidden}.gallery-color .picture .example-peek{inset:0;width:100%;max-width:none;border:0}.gallery-color .picture .example-peek img{height:calc(100% - 24px);padding:10px}.view-switch,.start-links,.shelf-links{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:16px 0}.view-switch button{padding:5px 12px}.view-switch button[aria-pressed=true],.preview-tabs button[aria-pressed=true]{background:#275376;color:white}.start-links a,.shelf-links a{border-bottom:2px solid #275376;padding:6px 9px;font-size:15px}.work-stage{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(235px,.85fr);gap:24px;align-items:start}.art-viewer{min-width:0}.preview-tabs{display:flex;gap:8px;margin:0 0 10px}.preview-tabs button{display:flex;gap:6px;align-items:center;padding:5px 8px!important;font-size:14px;min-height:58px;flex:1}.preview-tabs img{width:32px;height:45px;object-fit:contain;background:white}.work-stage .sheet-preview{padding:8px;margin:0 0 6px;max-width:none}.work-stage .sheet-preview img{width:100%;height:min(45vh,410px);object-fit:contain}.work-actions h2{font-size:18px;margin:0 0 10px}.work-actions .pdf-button{display:block;text-align:center;padding:10px;font-size:16px}.work-actions>button{width:100%;margin-top:8px}.secondary-link{display:block;margin:5px 0}.reference-form{margin-top:12px;padding-top:10px;border-top:1px solid #d6dadd}.reference-form label{display:flex;justify-content:space-between;font-size:14px;gap:8px}.reference-form>div{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0}.reference-form button{font-size:14px;flex:1;padding:8px!important}.reference-status:empty,.action-status:empty{display:none}.reference-status{font-size:14px}.example-note,.minor{font-size:14px;color:#54616b}.example-note{margin:6px 0}.swatches{display:flex;gap:16px;flex-wrap:wrap;padding:0;list-style:none}.swatches li{display:flex;align-items:center;gap:8px;font-size:15px}.swatches span{width:28px;height:28px;border:1px solid #687681;border-radius:50%;display:block}.color-steps{padding-left:28px}.color-steps li{padding:7px 0}.artwork-notes{margin-top:24px}.artwork-notes h2,.after-color h2{font-size:20px;border-bottom:1px solid #d6dadd;padding-bottom:8px}.after-color{margin-top:24px}.pack-list{padding:0;list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.pack-list li{border-bottom:1px solid #ccd5db;padding-bottom:15px}.pack-list img{height:155px;width:100%;object-fit:contain;border:1px solid #d6dadd;margin-bottom:8px}.pack-list strong{display:block;font-size:16px}.pack-list p{font-size:14px;margin:6px 0}.pack-list small{font-size:14px;color:#58646e}.art-dialog{padding:14px;max-width:95vw;width:760px;border:1px solid #677a89}.art-dialog::backdrop{background:#152d40bd}.art-dialog img{display:block;max-width:100%;height:75vh;object-fit:contain;margin:auto}.art-dialog button{display:block;margin:0 0 8px auto}.studio-tools{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.studio-tools label{font-size:14px}.studio-tools input[type=range]{width:80px}#paint-canvas{display:block;max-width:100%;width:480px;height:auto;margin:16px auto;border:1px solid #b1bfc9;touch-action:none;background:white}.step-demo{border:1px solid #ccd5db;padding:16px}.demo-colors{display:flex;gap:10px;margin:12px 0}.demo-colors span{width:48px;height:48px;border:1px solid #a5afb8;border-radius:50%;background:white}.print-paths{padding:12px;border:1px solid #ccd5db;background:#f3f6f8}#selected-tray{margin:12px 0;padding:10px;border:1px solid #d6dadd}#selected-tray:empty{display:none}#selected-tray button{font-size:14px;margin:4px;padding:4px 9px}.bundle-bar{position:sticky;top:0;background:white;z-index:2}.shelf-select{display:block;font-size:14px}.shelf-select input{width:18px;height:18px}.consent-panel{position:static;max-width:1120px;margin:24px auto;box-shadow:none;border:1px solid #d6dadd}.consent-panel p{margin:5px 0 12px}.guidance-banner{padding:10px;background:#f3f6f8}.text-button{min-height:30px}button:focus-visible,select:focus-visible{outline:3px solid #ba691c;outline-offset:3px}
@media(max-width:640px){.work-stage{grid-template-columns:1fr;gap:12px}.work-stage .sheet-preview img{height:270px;max-height:36vh}.preview-tabs img{height:37px;width:27px}.preview-tabs button{min-height:49px}.work-actions h2{margin:0 0 8px}.pack-list{grid-template-columns:1fr 1fr;gap:16px}.pack-list img{height:140px}.pictures .picture .example-peek img{height:75px}.gallery-color .pictures .picture .example-peek img{height:calc(100% - 24px)}.main-nav>div{display:flex;overflow-x:auto}.main-nav a{flex:1;min-width:max-content;padding:10px 9px}.start-links a{font-size:14px}.reference-form>div{flex-wrap:nowrap}.studio-tools{gap:8px}.brand{font-size:27px}.consent-panel{margin:20px 16px}.bundle-bar{gap:8px}.pack-list p{font-size:15px}}
@media print{.preview-tabs,.example-note,#zoom-art,.after-color,.studio-tools,.start-links,.view-switch{display:none}.work-stage .sheet-preview img{height:auto;max-height:none}}
@media(max-width:640px){.work-stage .sheet-preview img{height:240px}.work-actions h2{display:none}html[lang=ja] .main-nav>div{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));overflow:visible}html[lang=ja] .main-nav a{min-width:0;padding:10px 3px;font-size:14px}.example-note{margin-bottom:0}}
#paint-canvas{height:clamp(260px,calc(100svh - 430px),620px);width:auto;max-width:100%}.example-peek>span{white-space:normal}.work-actions button{line-height:1.5}
.printing-screenshot{margin:24px 0;max-width:390px}.printing-screenshot img{width:100%;height:auto;border:1px solid #cbd4dc}.printing-screenshot figcaption{font-size:14px;margin-top:8px}