/* Thai Silk Box invitation notebook: calm paper, fine rules and clear controls. */
.planner-hero .hint{margin-top:20px;max-width:48ch}.planner-workspace{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(270px,1fr);gap:42px;align-items:start;scroll-margin-top:28px;margin:16px 0 60px}.planner-editor{min-width:0}.planner-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;border-block:1px solid #d8cebc;padding:12px 0;margin-bottom:32px}.planner-page button,.planner-page .file-button{font:15px/1.5 Arial,sans-serif;min-height:46px;border:1px solid #baaa91;border-radius:0;background:transparent;color:#253a32;padding:11px 16px;cursor:pointer}.planner-page button:hover{border-color:#80663e;background:#eee8df}.planner-page button:disabled{opacity:.45;cursor:default}.planner-page button.primary{background:#253a32;color:white;border-color:#253a32}.planner-page button.primary:hover{background:#3c5748}.planner-steps button{border:0;padding:10px 4px;font-size:13px;text-align:left}.planner-steps button span{display:block;font:italic 18px Georgia,serif;color:#80663e;margin-bottom:5px}.planner-steps button[aria-current=step]{box-shadow:inset 0 -2px #80663e;background:#eee8df}.planner-page [hidden]{display:none!important}.planner-editor section>p:not(.eyebrow){font:16px/1.8 Arial,sans-serif;color:#555a52;max-width:62ch}.planner-page h3{font:26px/1.3 Georgia,serif;margin:25px 0 16px}.planner-page label{display:block;margin:18px 0 7px}.planner-page input:not([type=checkbox]):not([type=file]),.planner-page select,.planner-page textarea{width:100%;border:1px solid #baaa91;border-radius:0;padding:12px;background:#fffdf9;color:#253a32;font:16px/1.5 Arial,sans-serif;box-sizing:border-box}.planner-page input[type=checkbox]{width:19px;height:19px;accent-color:#253a32;flex:none}.field-pair{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.field-pair>div{min-width:0}.mood-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:24px 0}.planner-page .mood-choice{padding:0;text-align:left;min-width:0;background:#fffdf9}.mood-choice img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}.mood-choice>span{display:block;padding:12px}.mood-choice strong{display:block;font:20px/1.25 Georgia,serif;font-weight:400}.mood-choice small{display:block;font:12px/1.6 Arial,sans-serif;color:#555a52;margin-top:8px}.mood-choice[aria-pressed=true],.reference-choice[aria-pressed=true]{outline:2px solid #80663e;outline-offset:2px}.mood-choice[aria-pressed=true] strong::after{content:' ✓';font:15px Arial,sans-serif}.reference-picker{margin:26px 0 10px;border-block:1px solid #d8cebc;padding:12px 0}.reference-picker summary,.planner-reading summary{cursor:pointer;min-height:44px;font:16px/1.6 Arial,sans-serif;padding:10px 0}.reference-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0}.planner-page .reference-choice{padding:0;min-width:0;text-align:left;font-size:12px}.reference-choice img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}.reference-choice span{display:block;padding:9px}.reference-choice[aria-pressed=true] span::before{content:'✓ ';color:#80663e}.planner-board{position:sticky;top:24px;background:#eee8df;padding:26px;min-width:0}.planner-board h2{font-size:30px;margin-bottom:12px}.planner-board>p:not(.eyebrow):not(.hint){font:15px/1.7 Arial,sans-serif;color:#555a52}.board-photos{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:22px 0}.board-photos figure{margin:0;min-width:0}.board-photos figure:first-child{grid-column:1/-1}.board-photos img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}.board-photos figcaption{font:12px/1.5 Arial,sans-serif;margin:6px 0;color:#555a52}.board-photos .empty-board{grid-column:1/-1;margin:0;padding:30px 18px;border:1px solid #baaa91;font:italic 22px/1.6 Georgia,serif;color:#80663e}.planner-board .hint{font-size:13px}.planner-board button{width:100%}#board-colour{display:flex;align-items:center;gap:14px;margin:18px 0;font:14px Arial,sans-serif}.fabric-circle{display:block;width:48px;height:48px;border-radius:50%;border:1px solid #baaa91;flex:none}.planner-step-actions{display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid #d8cebc;padding-top:24px;margin-top:32px;font:13px Arial,sans-serif}.planner-actions{display:flex;gap:12px;flex-wrap:wrap;margin:20px 0}.planner-page #planner-message,.planner-guidance{font:14px/1.8 Arial,sans-serif;color:#80663e}.plan-review{padding:22px;background:#eee8df;margin:22px 0}.plan-review dl{margin:0}.plan-review dt{font:12px/1.7 Arial,sans-serif;letter-spacing:.6px;text-transform:uppercase;color:#80663e;margin-top:17px}.plan-review dt:first-child{margin-top:0}.plan-review dd{font:16px/1.8 Arial,sans-serif;color:#253a32;margin:4px 0;white-space:pre-wrap;overflow-wrap:anywhere}.planning-checklist label{display:flex;align-items:center;gap:12px;font:15px/1.7 Arial,sans-serif;min-height:44px;margin:8px 0}.saved-plans{border-top:1px solid #d8cebc;padding:36px 0}.saved-plans>p{font:16px/1.8 Arial,sans-serif;color:#555a52;max-width:62ch}.saved-plan-row{display:flex;justify-content:space-between;gap:24px;align-items:center;padding:20px 0;border-bottom:1px solid #d8cebc}.saved-plan-row h3{margin:0;font-size:24px}.saved-plan-row p{font:13px/1.7 Arial,sans-serif;color:#555a52;margin:8px 0}.saved-plan-row>div{min-width:0;overflow-wrap:anywhere}.file-button{display:inline-flex!important;align-items:center;margin:0!important;position:relative;overflow:hidden}.file-button input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%}.file-button:focus-within{outline:2px solid #80663e;outline-offset:4px}.planner-reading{display:grid;grid-template-columns:1fr 1fr;gap:50px;margin:26px 0 40px}.planner-reading p{font:16px/1.8 Arial,sans-serif;color:#555a52;max-width:60ch}.planner-reading details{border-bottom:1px solid #d8cebc}.gallery-card .save-photo{font:14px/1.6 Arial,sans-serif;color:#253a32;background:transparent;border:1px solid #baaa91;padding:10px 14px;min-height:44px;margin-top:18px;cursor:pointer}.gallery-card .save-photo[aria-pressed=true]{background:#253a32;color:white}.planner-toast{font:14px/1.7 Arial,sans-serif;color:#80663e}#plan-title{font-family:Georgia,serif}.planner-page main h2{outline-offset:5px}
@media(max-width:1000px){.planner-workspace{grid-template-columns:minmax(0,1.6fr) minmax(240px,1fr);gap:24px}.mood-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.planner-board{padding:20px}.planner-steps button{font-size:12px}.planner-reading{gap:26px}}
@media(max-width:760px){.planner-workspace{grid-template-columns:1fr}.planner-board{position:static;order:2}.board-photos{grid-template-columns:repeat(3,minmax(0,1fr))}.board-photos figure:first-child{grid-column:auto}.planner-reading{grid-template-columns:1fr}.planner-board>button{width:auto}.planner-steps{position:sticky;top:0;background:#f7f4ef;z-index:2}.planner-hero h1{font-size:clamp(39px,7vw,54px)}}
@media(max-width:460px){.field-pair{grid-template-columns:1fr}.reference-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.planner-step-actions{gap:8px}.planner-step-actions button{font-size:14px;padding:11px 12px}.planner-steps{gap:2px}.planner-steps button{font-size:11px}.saved-plan-row{align-items:flex-start;gap:12px}.saved-plan-row button{padding:11px 12px;font-size:14px}.planner-actions button{width:100%}.board-photos{grid-template-columns:1fr 1fr}.board-photos figure:first-child{grid-column:1/-1}}
@media print{.planner-page>header,.planner-page>footer,.announcement,.planner-hero,.edit-line,.planner-steps,.planner-step-actions,.planner-board,.saved-plans,.planner-reading,.inspiration-return,.tsb-ornament,.planner-actions,.planning-checklist,#planner-message,.planner-editor section:not([data-panel="3"]),.planner-editor section[data-panel="3"]>.hint{display:none!important}.planner-page main{padding:0;max-width:none}.planner-workspace{display:block;margin:0}.planner-editor section[data-panel="3"]{display:block!important}.plan-review{background:white;padding:0}body{background:white;color:black}.plan-review dd{color:black}.planner-editor section[data-panel="3"] h3{display:none}h2{font-size:28px!important}}

@media(max-width:460px){.planner-steps button{font-size:12px}}

@media(min-width:761px) and (max-width:900px){.planner-workspace{grid-template-columns:1fr}.planner-board{position:static}.board-photos{grid-template-columns:repeat(3,minmax(0,1fr))}.board-photos figure:first-child{grid-column:auto}}

.saved-plan-actions{display:flex;gap:10px;flex-wrap:wrap;flex:none}.undo-plan{margin-top:20px}@media(max-width:600px){.saved-plan-row{flex-direction:column;align-items:flex-start}.saved-plan-actions{width:100%}}
