/* A small equipment journal. Every card is a real, independently saved item. */
.side-panel.equipment-panel{width:430px;padding:25px 27px;scrollbar-width:thin;scrollbar-color:#a9b49b #efeee2;scroll-padding-block:18px 110px}
.equipment-panel .panel-intro{margin-bottom:19px;font-size:11px;color:#78836b}
.panel-backdrop.equipment-preview{backdrop-filter:none;background:#091d141f}
.equipment-list-note{display:flex;align-items:center;gap:9px;color:#667a60;font-size:10px;border:1px solid #b5bda567;border-radius:9px;padding:12px;background:#e6eadb66;margin-bottom:24px}
.equipment-list-note svg{width:17px;height:17px;flex:none}
.equipment-list-note b{margin-left:auto;font-size:9px;font-weight:500;color:#8b977c;white-space:nowrap}
.equipment-group{margin:24px 0 0}
.equipment-group h3{display:flex;align-items:center;gap:10px;margin:0 0 9px;font-size:10px;font-weight:500;letter-spacing:1.5px;color:#7a8b6c}
.equipment-group h3:after{content:"";height:1px;flex:1;background:#b3bca449}
.equipment-rows{display:grid;gap:5px}
.equipment-row{position:relative;display:flex;align-items:center;gap:10px;min-height:83px;width:100%;padding:7px 8px 7px 0;text-align:left;border:1px solid transparent;border-radius:11px;transition:background .18s,border-color .18s;color:#37503d}
.equipment-row:hover{background:#e0e7d66e;border-color:#adba9a6b}
.equipment-row:focus-visible,.equipment-model:focus-visible,.equipment-color:focus-visible,.equipment-back:focus-visible{outline:2px solid #627b4d;outline-offset:3px}
.equipment-row-art{display:block;width:76px;height:63px;flex:none;border-radius:10px;background:linear-gradient(145deg,#f0e6d480,#e4e8d944);box-shadow:inset 0 1px 0 #fffaf077}
svg.equipment-art{display:block;width:100%;height:100%;stroke:none;fill:none;overflow:visible}
.equipment-row-copy{display:flex;flex-direction:column;min-width:0;gap:4px;flex:1}
.equipment-row-copy strong{font-size:12px;font-weight:500;letter-spacing:.4px;line-height:1.5}
.equipment-row-copy>span{font-size:10px;line-height:1.4;color:#6c7c61;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.equipment-row-copy>small{display:flex;align-items:center;gap:5px;font-size:8px;color:#8e987e;line-height:1.5}
.equipment-row-copy i{width:7px;height:7px;border-radius:50%;background:var(--equipment-color);box-shadow:0 0 0 1px #52624822;flex:none}
.equipment-row-copy em{font-style:normal;color:#abb59b;margin:0 1px}
.equipment-row-end{display:flex;align-items:center;gap:7px;align-self:center;color:#8a997a;flex:none}
.equipment-row-end>small{font-size:8px;white-space:nowrap;max-width:62px;line-height:1.5}
.equipment-row-end>svg{width:14px;height:14px;flex:none}
.equipment-blanket-toggle{display:flex;justify-content:space-between;align-items:center;padding:13px 2px;width:100%;border-top:1px solid #a8b29a4d;margin-top:12px;color:#76866b;font-size:10px}
.equipment-blanket-toggle>span:first-child{display:flex;align-items:center;gap:7px}
.equipment-blanket-toggle svg{width:15px;height:15px}
.equipment-toggle{width:34px;height:20px;border-radius:20px;background:#c3c9b7;position:relative}
.equipment-toggle:before{content:"";width:14px;height:14px;left:3px;top:3px;border-radius:50%;position:absolute;background:#fffdf3;transition:transform .2s}
.equipment-toggle.on{background:#708764}.equipment-toggle.on:before{transform:translateX(14px)}
.equipment-toggle>svg{display:none}
.equipment-footer{margin-top:20px;padding-top:15px;border-top:1px solid #a9b59b4d}
.equipment-footer>p,.equipment-picker-footer>p{display:flex;gap:6px;align-items:center;color:#88977a;font-size:9px;line-height:1.6;margin:0 0 13px}
.equipment-footer>p>svg,.equipment-picker-footer>p>svg{width:13px;height:13px;flex:none}
.equipment-picker-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px;gap:10px}
.equipment-back{display:inline-flex;align-items:center;gap:8px;font-size:10px;color:#728367;padding:7px 2px}
.equipment-back>svg{width:14px;height:14px;transform:rotate(180deg)}
.equipment-picker-title .eyebrow{font-size:7px;letter-spacing:2.1px;color:#a1a88b}
.equipment-picker-title h2{font-family:"Songti SC","STSong",Georgia,serif;font-size:25px;font-weight:400;letter-spacing:1px;line-height:1.5;color:#324b3d;margin:10px 0 9px}
.equipment-picker-title>p{font-size:10px;color:#839075;line-height:1.8;margin:0 0 20px}
.equipment-picker-title h2:focus{outline:none}
.equipment-hero{position:relative;padding:15px 15px 18px;background:radial-gradient(ellipse at 55% 27%,#fff6df 0%,#f1ebda 48%,#e4e8d9 100%);border:1px solid #babba371;border-radius:16px;overflow:hidden;margin-bottom:23px;box-shadow:inset 0 1px 0 #fffdf0bb,0 5px 15px #4a573505}
.equipment-current{position:absolute;left:13px;top:12px;display:flex;align-items:center;gap:4px;font-size:8px;color:#667c5d;background:#faf6e9bb;padding:5px 7px;border:1px solid #d7d7c45e;border-radius:20px}
.equipment-current>svg{width:11px;height:11px}
.equipment-hero>.equipment-art{height:182px;max-width:295px;margin:10px auto 0;filter:drop-shadow(0 5px 8px #596b4616)}
.equipment-hero>div{text-align:center;margin-top:6px}
.equipment-hero b{display:block;color:#435d41;font-size:14px;line-height:1.5;font-weight:500;letter-spacing:.5px}
.equipment-hero div>span{display:block;color:#8a987b;font-size:9px;margin-top:5px}
.equipment-hero-note{color:#8b826b;font-family:"Songti SC","STSong",Georgia,serif;font-size:11px;letter-spacing:.25px;line-height:1.9;text-align:center;margin:12px auto 0;max-width:290px}
.equipment-finish-notes{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:5px 13px;list-style:none;padding:11px 2px 0;margin:11px 0 0;border-top:1px solid #b4bca142;color:#6e7c61;font-size:9px;line-height:1.7}
.equipment-finish-notes li{display:inline-flex;align-items:center;gap:5px;min-width:0;overflow-wrap:anywhere}
.equipment-finish-notes li:before{content:"";width:3px;height:3px;border-radius:50%;background:#a99875;flex:none}
.equipment-options-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;color:#7a8a69}
.equipment-options-heading h3{font-size:11px;font-weight:500;letter-spacing:2px;margin:0}
.equipment-options-heading>span{font-size:8px;color:#99a185}
.equipment-models{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.equipment-model{position:relative;min-width:0;text-align:left;border:1px solid #b1bba360;border-radius:12px;background:linear-gradient(155deg,#fff9e888,#f4f1e34d);padding:10px 13px 13px;color:#516847;transition:background .18s,border-color .18s,box-shadow .18s}
.equipment-model:hover{background:#e5ebd8aa;border-color:#859d70}
.equipment-model.selected{border-color:#738863;background:linear-gradient(155deg,#eceddd,#dfe7d4);box-shadow:0 0 0 1px #72875b25,inset 0 1px 0 #fffdf380}
.equipment-model-check{position:absolute;right:9px;top:9px;width:16px;height:16px;border:1px solid #b6c1a6;border-radius:50%;display:grid;place-items:center;z-index:1}
.equipment-model.selected .equipment-model-check{background:#6d8458;border-color:#6d8458;color:#f9f7e9}
.equipment-model-check>svg{width:10px;height:10px;stroke-width:2}
.equipment-model>.equipment-art{height:97px;max-width:165px;margin:0 auto 5px;transition:transform .25s}
.equipment-model:hover>.equipment-art{transform:translateY(-2px)}
.equipment-model>strong{display:block;font-size:11px;font-weight:500;line-height:1.5;overflow-wrap:anywhere}
.equipment-model>small{display:block;font-size:8px;line-height:1.8;color:#89977b;margin-top:4px;max-height:2.9em;overflow:hidden}
.equipment-colors{border:0;margin:23px 0 19px;padding:0;min-width:0}
.equipment-colors legend{font-size:11px;color:#7a8a69;width:100%;margin:0 0 12px;letter-spacing:1px;padding:0}
.equipment-colors legend>span{float:right;font-size:9px;color:#91a080;letter-spacing:0}
.equipment-colors>div{display:flex;flex-wrap:wrap;gap:7px}
.equipment-color{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:7px 9px;min-width:51px;border:1px solid transparent;border-radius:8px;font-size:8px;color:#8b987c}
.equipment-color:hover{background:#e1e7d655}
.equipment-color.selected{color:#4e6b3c;border-color:#9cac8666;background:#e4e9d87a}
.equipment-color>i{display:grid;place-items:center;width:29px;height:29px;border-radius:50%;background:var(--equipment-color);box-shadow:inset 0 0 0 1px #4e664333,0 0 0 2px var(--paper);color:#fffaf0}
.equipment-color>i>svg{width:13px;height:13px;filter:drop-shadow(0 1px 1px #30452c55);stroke-width:2.4}
.equipment-details{font-size:10px;color:#839174;line-height:1.9;border-top:1px solid #a9b59848;padding-top:12px;margin:0 0 20px}
.equipment-details>p{margin:0 0 8px}
.equipment-details>a{display:inline-flex;align-items:center;gap:5px;color:#6e835a;font-size:9px;text-decoration:underline;text-underline-offset:3px}
.equipment-details>a>svg{width:11px;height:11px;transform:rotate(-45deg)}
.equipment-details>small{display:block;font-size:8px;color:#9da68e;margin-top:6px}
.equipment-stove-note{display:flex;gap:9px;align-items:center;background:#eee0cb80;border:1px solid #cbad7c4d;color:#9e7c4c;padding:12px;border-radius:9px;margin:14px 0 0;font-size:10px;line-height:1.9}
.equipment-stove-note>svg{width:23px;height:23px;flex:none}
.equipment-picker-footer{position:sticky;bottom:-25px;background:var(--paper);margin:16px -2px -6px;padding:13px 2px 12px;border-top:1px solid #bcc5ae88;box-shadow:0 -10px 16px var(--paper);z-index:2}
.equipment-picker-footer>p{justify-content:center;font-size:8px;margin-bottom:9px}
.equipment-picker-footer>.primary{min-height:42px;font-size:11px}
.equipment-see{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;font-size:9px;color:#81926f;padding:11px 4px 0}
.equipment-see>svg{width:14px;height:14px}
.equipment-panel.equipment-picker{padding-bottom:20px}
.modal.modal-equipment{width:min(510px,100%);padding:28px 30px;scrollbar-width:thin;scrollbar-color:#a9b49b #efeee2;scroll-padding-block:20px 115px}
.modal-equipment .equipment-picker-heading{padding-right:35px;margin-bottom:12px}
.modal-equipment .equipment-hero>.equipment-art{height:180px}
.modal-equipment .equipment-picker-title h2{font-size:25px;margin:9px 0 8px}
.modal-equipment .equipment-picker-footer{bottom:-28px}
.modal-packing .equipment-inventory{margin:9px 0 10px}
.equipment-inventory.compact .equipment-group{margin:18px 0 0}
.equipment-inventory.compact .equipment-rows{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
.equipment-inventory.compact .equipment-row{gap:7px;padding:6px;border:1px solid #aeba9d50;min-height:75px;background:#e7eadc33}
.equipment-inventory.compact .equipment-row-art{width:60px;height:52px;background:transparent}
.equipment-inventory.compact .equipment-row-copy strong{font-size:10px;line-height:1.4}
.equipment-inventory.compact .equipment-row-copy>span{font-size:8px;max-width:135px}
.equipment-inventory.compact .equipment-row-copy>small{font-size:7px;gap:4px}
.equipment-inventory.compact .equipment-row-end>svg{width:12px;height:12px}
.equipment-inventory.compact .equipment-row:hover{background:#dee6d3;border-color:#8fa37d}
.item-customize{display:flex;align-items:center;gap:8px;width:100%;margin-top:10px;padding:9px 10px;background:#dfe7d5;border:1px solid #b1c09f66;border-radius:7px;color:#607853;text-align:left}
.item-customize>svg{width:15px;height:15px;flex:none}
.item-customize>span{font-size:9px;flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.item-customize>b{font-size:9px;font-weight:500;white-space:nowrap}
.object-customize{margin:13px 0 0}.object-customize>span{font-size:10px}
@media(min-width:1600px){.side-panel.equipment-panel{width:460px;right:28px;padding:28px 30px}.equipment-picker-footer{bottom:-28px}.equipment-model>.equipment-art{height:102px}.equipment-hero>.equipment-art{height:184px}}
@media(max-width:1100px) and (min-width:761px){.side-panel.equipment-panel{width:380px;padding:23px}.equipment-row-art{width:66px}.equipment-row-end>small{display:none}.equipment-picker-title h2{font-size:23px}.equipment-picker-footer{bottom:-23px}}
@media(max-width:760px){
  .side-panel.equipment-panel{top:38px;left:10px;right:10px;bottom:10px;width:auto;padding:21px 20px;border-radius:18px;scroll-padding-bottom:114px}
  .equipment-panel .panel-heading h2{font-size:25px}.equipment-panel .panel-intro{font-size:11px;margin-bottom:17px}
  .equipment-row{min-height:82px;gap:10px}.equipment-row-art{width:72px;height:60px}.equipment-row-copy strong{font-size:12px}.equipment-row-copy>span{font-size:10px}.equipment-row-copy>small{font-size:8px}.equipment-row-end>small{font-size:8px}
  .equipment-picker-title h2{font-size:23px;letter-spacing:.5px}.equipment-picker-title>p{font-size:10px;margin-bottom:17px}
  .equipment-picker-heading{margin-bottom:13px}.equipment-picker-heading .icon-btn{width:44px;height:44px}.equipment-back{font-size:11px;min-height:44px}
  .equipment-hero{margin-bottom:20px;padding:12px 12px 15px}.equipment-hero>.equipment-art{height:166px}.equipment-hero b{font-size:13px}.equipment-current{font-size:8px;top:10px;left:10px}.equipment-hero-note{font-size:11px;margin-top:10px}.equipment-finish-notes{font-size:9px;gap:4px 10px;padding-top:9px;margin-top:9px}
  .equipment-models{gap:9px}.equipment-model{padding:10px 11px 12px}.equipment-model>.equipment-art{height:90px}.equipment-model>strong{font-size:11px;line-height:1.5}.equipment-model>small{font-size:8px}
  .equipment-colors{margin:21px 0 17px}.equipment-color{min-width:49px;min-height:64px;padding:7px 8px;font-size:9px}.equipment-color>i{width:30px;height:30px}
  .equipment-picker-footer{bottom:-21px;padding-bottom:12px;margin-bottom:-7px}.equipment-picker-footer>.primary{min-height:45px;font-size:12px}.equipment-see{min-height:34px;padding-top:8px;font-size:10px}
  .modal.modal-equipment{padding:23px 20px;max-height:calc(100svh - 24px)}.modal-equipment .equipment-picker-title h2{font-size:23px;letter-spacing:.5px}.modal-equipment .equipment-hero>.equipment-art{height:150px}.modal-equipment .equipment-picker-footer{bottom:-23px}
  .equipment-inventory.compact .equipment-rows{grid-template-columns:1fr 1fr;gap:7px}.equipment-inventory.compact .equipment-row{display:flex;flex-wrap:wrap;padding:8px 8px 9px;gap:0;min-height:132px}.equipment-inventory.compact .equipment-row-art{width:100%;height:67px}.equipment-inventory.compact .equipment-row-copy{flex:1;width:calc(100% - 14px)}.equipment-inventory.compact .equipment-row-copy strong{font-size:11px}.equipment-inventory.compact .equipment-row-copy>span{font-size:8px;max-width:100%}.equipment-inventory.compact .equipment-row-copy>small{font-size:7px;margin-top:1px}.equipment-inventory.compact .equipment-row-end{align-self:flex-end;padding-bottom:4px}.equipment-inventory.compact .equipment-group h3{font-size:10px}
  .item-customize{padding:8px 9px;margin-top:8px}.item-customize>span,.item-customize>b{font-size:9px}.equipment-blanket-toggle{font-size:10px;min-height:50px}
}
@media(max-width:370px){.side-panel.equipment-panel{padding:19px 16px}.equipment-row-art{width:62px}.equipment-row-end>small{display:none}.equipment-picker-title h2{font-size:21px}.equipment-color{min-width:44px;padding-inline:6px}.equipment-hero>.equipment-art{height:145px}.equipment-model>.equipment-art{height:78px}}
@media(prefers-reduced-motion:reduce){.equipment-row,.equipment-model,.equipment-art,.equipment-toggle:before{transition:none!important}.equipment-model:hover>.equipment-art{transform:none}}

.header-gear{color:#becbb3}
.equipment-procedure{margin:18px 0 0;border:1px solid #b2c0a168;border-radius:10px;background:#e4eadb50;color:#586f4e}
.equipment-procedure>summary{display:flex;align-items:center;gap:10px;padding:13px 12px;cursor:pointer;list-style:none;font-size:11px;line-height:1.6}
.equipment-procedure>summary::-webkit-details-marker{display:none}
.equipment-procedure>summary>svg{width:18px;height:18px;flex:none}
.equipment-procedure>summary>svg:last-child{width:13px;height:13px;margin-left:auto;transition:transform .2s}
.equipment-procedure[open]>summary>svg:last-child{transform:rotate(45deg)}
.equipment-procedure>summary small{display:block;color:#859477;font-size:9px}
.equipment-procedure>ol{margin:0 15px 15px 35px;padding:0;font-size:10px;line-height:2;max-height:250px;overflow:auto;scrollbar-width:thin}
.equipment-procedure li{padding:3px 5px}.equipment-procedure li::marker{color:#97a185;font-size:9px}.equipment-procedure li small{margin-left:8px;color:#98a087;font-size:9px}
.equipment-change-note,.equipment-journey-note{display:flex;gap:9px;border:1px solid #c4ab7966;border-radius:9px;background:#eee3cf88;padding:12px;color:#8a6c42;font-size:10px;line-height:1.8;margin:12px 0 16px}
.equipment-change-note>svg,.equipment-journey-note>svg{flex:none;width:17px;height:17px;margin-top:3px}
.equipment-journey-note button{display:flex;align-items:center;gap:6px;color:#5e7653;font-size:10px;text-decoration:underline;text-underline-offset:3px;padding:7px 0 0;min-height:36px}
.equipment-journey-note button svg{width:13px;height:13px}
.equipment-rebuild-tag{display:block;font-style:normal;font-size:8px;color:#92754b;margin-top:7px;line-height:1.6}
.equipment-model:disabled{opacity:.55;cursor:not-allowed}.equipment-model:disabled:hover{transform:none;box-shadow:none}
.ritual-equipment-tag{display:flex;align-items:center;gap:6px;max-width:100%;padding:6px 9px;margin-top:9px;border:1px solid #aab89a55;border-radius:6px;color:#6b805e;background:#e2e8d64d;font-size:9px;min-height:30px;text-align:left}
.ritual-equipment-tag>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ritual-equipment-tag>svg{width:13px;height:13px;flex:none}.ritual-equipment-tag>svg:last-child{width:11px;height:11px;margin-left:3px}
.meal-choice{margin:25px 0 19px;padding-top:21px;border-top:1px solid #b2bfa350}
.meal-choice-heading{display:flex;flex-direction:column;gap:5px;margin-bottom:13px}.meal-choice-heading>span{display:flex;align-items:center;gap:7px;font-family:"Songti SC","STSong",Georgia,serif;font-size:19px;color:#415d41}.meal-choice-heading svg{width:21px;height:21px}.meal-choice-heading>small{font-size:10px;color:#8a967b}
.meal-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.meal-card{position:relative;display:flex;flex-direction:column;align-items:center;min-width:0;border:1px solid #b5bea55e;border-radius:11px;padding:9px 9px 12px;background:#f5f1e685;color:#617551;transition:border-color .2s,background .2s}
.meal-card.selected{border-color:#7c9166;background:#e3ead7;box-shadow:0 0 0 1px #7c916622}.meal-card:hover{border-color:#6f885a}.meal-card:focus-visible{outline:2px solid #617c4c;outline-offset:3px}
.meal-card>.meal-art{width:100%;height:92px;stroke:none;fill:none}.meal-card>strong{font-size:11px;font-weight:550;line-height:1.7;text-align:center}.meal-card>span:not(.meal-check){font-size:8px;line-height:1.8;color:#889679;text-align:center;margin-top:4px}.meal-card>small{font-size:8px;line-height:1.8;color:#8b8f75;text-align:center}
.meal-check{position:absolute;right:8px;top:8px;width:15px;height:15px;display:grid;place-items:center;border:1px solid #b3c0a0;border-radius:50%;color:#f8f7e8}.meal-card.selected .meal-check{background:#6e8658;border-color:#6e8658}.meal-check svg{width:10px;height:10px}
.meal-choice>p{display:flex;gap:6px;align-items:center;color:#88967d;font-size:9px;line-height:1.8;margin:11px 0 0}.meal-choice>p svg{width:13px;height:13px;flex:none}
.journey-upgrade{display:block;margin:9px 0 14px;padding:8px 10px;border:1px solid #d6b97d35;border-radius:7px;font-size:9px;color:#cebb93;text-align:left;line-height:1.7;background:#dcc39308}
@media(max-width:760px){.ritual-equipment-tag{min-height:35px;font-size:9px;margin-top:8px}.meal-cards{gap:7px}.meal-card{padding:9px 5px 11px}.meal-card>.meal-art{height:76px}.meal-card>strong{font-size:10px}.meal-card>span:not(.meal-check),.meal-card>small{font-size:8px}.meal-choice-heading>span{font-size:20px}.equipment-procedure>summary{min-height:55px}.journey-upgrade{margin-top:5px;font-size:8px;padding:6px 9px}}
@media(max-width:760px){.header-actions>.header-gear{width:36px;height:40px}}
@media(max-width:370px){.topbar .brand-mark{display:none}.header-actions>.header-gear{width:36px}.topbar .brand b{font-size:17px}}