/* Size every index from the available paper height, not the viewport width. */
.bookpage{container-type:size}
.contents-sheet{display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:clamp(8px,2cqh,18px);padding:clamp(14px,3.8cqw,34px);min-height:0}
.contents-heading{min-width:0}
.contents-heading .sheet-running{font-size:clamp(8px,1.5cqh,11px);gap:12px;line-height:1.4;padding-bottom:clamp(7px,1.5cqh,12px);margin:0 0 clamp(12px,3cqh,24px)}
.contents-heading .sheet-running span:last-child{letter-spacing:.12em}
.contents-sheet h2{font-size:clamp(23px,min(5.5cqw,6cqh),40px);line-height:1.3;letter-spacing:-.04em;margin:0 0 clamp(8px,1.7cqh,14px)}
.contents-sheet .contents-intro{font-size:clamp(10px,min(2.2cqw,2.2cqh),14px);line-height:1.6;color:#80624f;word-break:keep-all}
.category-index{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(var(--index-rows,5),minmax(0,1fr));gap:clamp(5px,1.2cqh,10px) clamp(6px,1.8cqw,16px);min-width:0;min-height:0}
.category-index-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:clamp(4px,1.3cqw,12px);align-items:center;min-width:0;min-height:0;margin:0;padding:clamp(6px,1.6cqh,13px) clamp(6px,1.7cqw,15px);text-align:left;border:1px solid #d4b792;border-radius:3px;background:linear-gradient(120deg,#fffcf5,#f5e6cf);color:#623d30;overflow:hidden;box-shadow:0 1px 0 #fffdf7 inset}
.category-order{font:400 clamp(12px,min(3cqw,3cqh),22px)/1 Georgia,serif;color:#a47c56;font-variant-numeric:tabular-nums}
.category-label{display:flex;min-width:0;flex-direction:column;gap:clamp(3px,.7cqh,6px)}
.category-label strong{font-size:clamp(12px,min(2.7cqw,2.8cqh),18px);font-weight:700;line-height:1.25;word-break:keep-all;overflow-wrap:anywhere}
.category-label small{font-size:clamp(9px,min(1.7cqw,1.8cqh),12px);line-height:1.3;color:#80654e}
.category-arrow{font-size:clamp(11px,2cqw,17px);color:#986941}
.category-index-card:disabled{cursor:default;background:#f6f1e8;border-color:#e4d9c8;color:#897a6c;box-shadow:none}
.category-index-card:disabled .category-order,.category-index-card:disabled small,.category-index-card:disabled .category-arrow{color:#a39482}
.category-index-card:not(:disabled):hover{background:#f3dfb8;border-color:#a77a4d}
.product-index{display:grid;grid-template-rows:repeat(var(--index-rows,4),minmax(0,1fr));gap:clamp(8px,2cqh,16px);min-width:0;min-height:0}
.product-index-item{display:grid;grid-template-columns:clamp(72px,22cqw,132px) minmax(0,1fr) auto;gap:clamp(8px,2cqw,18px);align-items:center;min-width:0;min-height:0;padding:clamp(7px,1.5cqh,13px);margin:0;border:1px solid #dbc8ac;border-radius:3px;background:#fffdf6;text-align:left;color:#57382b;overflow:hidden;box-shadow:0 1px 0 #fff inset}
.product-index-item img{display:block;width:100%;height:100%;min-height:0;max-height:120px;object-fit:contain;background:#f5eee3;border-radius:1px}
.product-index-copy{min-width:0;min-height:0;display:flex;flex-direction:column;gap:clamp(3px,.9cqh,7px)}
.product-index-copy strong{font-size:clamp(12px,min(2.7cqw,3.1cqh),19px);line-height:1.35;word-break:keep-all;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.product-index-copy em{font-size:clamp(11px,min(2.3cqw,2.5cqh),16px);font-weight:700;font-style:normal;color:#945a39;line-height:1.25}
.product-index-item small{font-size:clamp(9px,min(1.6cqw,1.9cqh),12px);line-height:1.3;color:#94775e}
.product-index-item>b{font:400 clamp(20px,min(4.5cqw,5cqh),32px)/1.1 Georgia,serif;color:#987047;text-align:center;min-width:clamp(22px,5cqw,40px)}
.product-index-item>b small{display:block;font-family:MarketSans,sans-serif;font-weight:400;margin-top:5px;white-space:nowrap}
.product-index-item:hover{border-color:#ae8257;background:#fff7e7}
.contents-foot{display:flex;align-items:center;justify-content:space-between;min-width:0;gap:8px;border-top:1px solid #dbccb7;padding-top:clamp(6px,1.4cqh,11px);color:#927a60;font-size:clamp(8px,1.6cqh,11px);line-height:1.4}
.contents-foot .sheet-number{margin:0;flex-shrink:0;position:static}
.contents-guide{display:grid;grid-template-rows:repeat(3,minmax(0,1fr));gap:12px;min-height:0}
.contents-guide>div{display:flex;gap:16px;align-items:center;border-bottom:1px solid #ddcbb1;min-height:0}
.contents-guide b{font:400 clamp(22px,5cqh,34px) Georgia,serif;color:#b08254}
.contents-guide h3{font-size:clamp(14px,3cqh,21px);line-height:1.3;margin:0 0 7px}.contents-guide p{font-size:clamp(10px,2cqh,14px);line-height:1.5}
.contents-category-label{font-size:14px;color:#8e5438;margin:10px 0 0}.share-buttons{flex-wrap:wrap}
@container (max-height:420px){.contents-heading .sheet-running{display:none}.contents-sheet{gap:8px;padding:12px}.contents-sheet h2{font-size:23px;margin-bottom:5px}.product-index-copy>small{display:none}.category-order{font-size:12px}.category-label strong{font-size:12px}.category-label small{font-size:9px}}