/* Photo journals: scoped to keep the ocean scene and existing panels intact. */
.card-nature-section{background:#f6f1e6!important;border:1px solid #d6c9ad;color:#233e38;overflow:visible;padding:clamp(18px,4vw,38px)!important}
.card-nature-section::before,.card-nature-section::after{display:none!important}
.nature-root{font-family:system-ui,sans-serif;color:#233e38;min-width:0}
.nature-root *, .nature-dialog *{box-sizing:border-box}
.nature-root button,.nature-dialog button{font:inherit;cursor:pointer;border:1px solid #b6c5b8;border-radius:12px;background:#fffdf7;color:#23453c;padding:10px 16px;min-height:44px}
.nature-root button:focus-visible,.nature-dialog :focus-visible{outline:3px solid #bf8231;outline-offset:4px}
.nature-root .nature-primary,.nature-dialog .nature-primary{background:#244e42;border-color:#244e42;color:#fffdf4;font-weight:650}
.nature-root button:disabled,.nature-dialog button:disabled{opacity:.55;cursor:wait}
.nature-heading{margin:12px 0 25px}.nature-heading h2,.nature-dialog h2{font-family:Georgia,serif;color:#24463b;font-size:clamp(27px,4vw,42px);line-height:1.13;margin:12px 0}
.nature-heading p{color:#627467;font-size:15px;line-height:1.6;margin:10px 0}.nature-kicker{font-size:10px;letter-spacing:1.6px;text-transform:uppercase;font-weight:700;color:#607661;display:block}
.nature-counter{display:inline-block;padding:9px 13px;border-radius:30px;background:#e6eadb;font-size:12px;color:#3d5a44}.nature-owner{display:block;font-size:12px;color:#65785f;margin-top:10px}
.nature-shelf{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.nature-root .nature-book{text-align:left;position:relative;display:flex;flex-direction:column;min-height:310px;overflow:hidden;border:0;border-radius:5px 15px 15px 5px;padding:24px 20px 20px 28px;color:#fffdf2;box-shadow:inset 8px 0 0 #0002,0 10px 20px #4c493b20;transition:transform .18s}
.nature-book:hover{transform:translateY(-4px)}.nature-book::after{content:'';position:absolute;inset:10px 10px 10px 17px;border:1px solid #ffffff38;pointer-events:none;border-radius:2px 9px 9px 2px}
.moss{background:linear-gradient(145deg,#4d654b,#283f32)!important}.sea{background:linear-gradient(145deg,#41747e,#234452)!important}.fern{background:linear-gradient(145deg,#6f8150,#354c37)!important}.sun{background:linear-gradient(145deg,#ae8447,#795235)!important}
.nature-book-no{font-size:8px;letter-spacing:1.7px;opacity:.75}.nature-emblem{font-size:56px;margin:28px auto 22px;filter:drop-shadow(0 3px 4px #0003)}.nature-book-title{font-family:Georgia,serif;font-size:23px;line-height:1.1}.nature-book-hint{font-size:11px;line-height:1.4;opacity:.8;margin:9px 0 20px}.nature-book-count{font-size:11px;border-top:1px solid #fff4;padding-top:13px;margin-top:auto;display:flex;justify-content:space-between}
.nature-note{padding:22px 24px;border-left:3px solid #b5a06e;background:#ece7d8;margin:30px 0 5px;border-radius:0 12px 12px 0}.nature-note p{font-size:13px;color:#667264;line-height:1.6;margin-bottom:0}
.nature-root .nature-back,.nature-root .nature-link{border:0;background:transparent;padding-left:0;color:#59765c}.nature-global{display:flex;justify-content:space-between;align-items:center;width:100%;text-align:left;color:white!important;padding:25px!important;border:0!important}.nature-global b{display:block;font:26px Georgia,serif}.nature-global small{display:block;margin-top:8px;color:#f4eedb}.nature-global>span:last-child{font-size:12px}
.nature-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:28px 0 16px}.nature-section-head h3{font:22px Georgia,serif;margin:0}.nature-trip-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.nature-root .nature-trip{padding:0;overflow:hidden;text-align:left;background:#fffcf3;border-color:#d9d4c3}.nature-trip img,.nature-trip-empty{width:100%;height:160px;object-fit:cover;display:flex;flex-direction:column;align-items:center;justify-content:center;color:white;font-size:48px}.nature-trip-empty small{font-size:8px;letter-spacing:3px;margin-top:14px}.nature-trip-copy{display:flex;flex-direction:column;gap:7px;padding:16px}.nature-trip-copy>b{font:21px Georgia,serif;overflow-wrap:anywhere}.nature-trip-copy>small{text-transform:uppercase;letter-spacing:1px;font-size:10px;color:#748468}.nature-trip-copy>span{font-size:12px;color:#657564}
.nature-actions{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}.nature-filters{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:22px 0}.nature-search{width:min(100%,320px);background:#fffdf6!important;border:1px solid #c8cebd!important;border-radius:12px;padding:12px;color:#23483c!important;font:inherit}.nature-segments{display:flex;background:#e9e6d9;border-radius:12px;padding:3px;flex-shrink:0}.nature-root .nature-segments button{border:0;background:transparent;font-size:12px;padding:9px 12px}.nature-root .nature-segments button[aria-pressed=true]{background:#fffdf5;box-shadow:0 2px 4px #0001}
.nature-photo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.nature-root .nature-photo-card{padding:9px 9px 0;overflow:hidden;border-radius:5px;box-shadow:0 3px 8px #37352712;background:#fffdf8;border-color:#e2dccd;text-align:left}.nature-photo-card img,.nature-wanted-art{width:100%;aspect-ratio:4/3;object-fit:cover;display:block;border-radius:3px}.nature-photo-caption{display:flex;flex-direction:column;padding:13px 6px 17px;gap:7px}.nature-photo-caption b{font:20px Georgia,serif;overflow-wrap:anywhere}.nature-photo-caption small{font-size:11px;color:#6b7766}.nature-wanted-art{display:flex;flex-direction:column;align-items:center;justify-content:center;background:#e9ecdf;font-size:43px;filter:grayscale(1);opacity:.7}.nature-wanted-art small{font:9px system-ui;letter-spacing:1.5px;margin-top:12px}.nature-root .is-wanted{border:1px dashed #b7bdac;box-shadow:none}
.nature-progress{max-width:400px;margin:18px 0}.nature-progress>span{display:flex;justify-content:space-between;font-size:13px;margin-bottom:7px}.nature-progress progress{width:100%;height:9px;accent-color:#52724c;border:0;border-radius:20px;overflow:hidden}.nature-progress progress::-webkit-progress-bar{background:#e2dfca}.nature-progress progress::-webkit-progress-value{background:#52724c}
.nature-empty{text-align:center;padding:35px 15px;background:#ecebdd80;border:1px dashed #c8cbb7;border-radius:14px;margin:20px 0}.nature-empty>span{font-size:40px}.nature-empty h3{font:25px Georgia,serif;color:#52664e}.nature-empty p{font-size:14px;line-height:1.6;color:#6d7a68}.nature-status{font-size:13px;line-height:1.5;color:#38614a;white-space:pre-wrap}.nature-status.error,.nature-form-error{color:#a33b32!important}
.nature-dialog{background:#f7f3e9;color:#294237;border:1px solid #d0c5a9;border-radius:20px;width:min(620px,calc(100% - 24px));max-height:calc(100dvh - 30px);padding:28px;overflow:auto;box-shadow:0 24px 100px #001e2180}.nature-dialog::backdrop{background:#0c2428b8;backdrop-filter:blur(5px)}.nature-dialog .nature-close{position:sticky;top:0;float:right;z-index:2;width:44px;padding:0;font-size:28px;line-height:40px;background:#fffcf5;box-shadow:0 3px 10px #0001}.nature-dialog h2{font-size:30px;padding-right:38px}.nature-form{display:flex;flex-direction:column;gap:17px}.nature-form>p{font-size:13px;line-height:1.6;margin:0;color:#6f7d6b}.nature-form label{display:flex;flex-direction:column;gap:7px;font-size:13px;font-weight:650;min-width:0}.nature-form label small{font-weight:400;font-size:11px;color:#78846f}.nature-form input:not([type=file]),.nature-form textarea,.nature-form select{font:16px system-ui;color:#274539;background:#fffdf8;border:1px solid #c7cbbb;border-radius:10px;padding:12px;width:100%;min-height:46px}.nature-form textarea{resize:vertical}.nature-form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.nature-upload{border:2px dashed #b4c2ab;background:#e8eddf;padding:20px;text-align:center;align-items:center;border-radius:12px}.nature-upload input{width:100%;font-size:12px}.nature-upload-preview{width:100%;max-height:250px;object-fit:contain;border-radius:10px;background:#e5e7dc}.nature-upload-preview[hidden]{display:none}.nature-photo-state{font-size:12px;color:#647d5c}.nature-detail-list{display:flex;flex-direction:column;gap:24px;margin:20px 0}.nature-detail-list article{background:#fffdf7;border-radius:12px;overflow:hidden;border:1px solid #dcd8c7}.nature-detail-list img{display:block;width:100%;max-height:520px;object-fit:contain;background:#e6e8dd}.nature-detail-list article>div{padding:17px}.nature-detail-list span,.nature-detail-list small{display:block;margin:8px 0;color:#687861}.nature-detail-list p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:1.6}.nature-dialog .nature-remove{color:#925247}.nature-form-error:empty{display:none}
@media(max-width:1000px){.nature-shelf{grid-template-columns:repeat(2,minmax(0,1fr))}.nature-trip-grid,.nature-photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:540px){.nature-shelf{gap:12px}.nature-root .nature-book{padding:18px 13px 16px 20px;min-height:275px}.nature-book-title{font-size:21px}.nature-book-hint{font-size:10px}.nature-book-no{font-size:7px;letter-spacing:1px}.nature-emblem{font-size:48px;margin:25px auto 20px}.nature-book-count{font-size:9px}.nature-filters{flex-direction:column;align-items:stretch}.nature-search{width:100%}.nature-segments{justify-content:space-between}.nature-photo-grid,.nature-trip-grid{gap:12px}.nature-photo-caption b{font-size:17px}.nature-photo-caption small{font-size:10px}.nature-trip-copy{padding:12px}.nature-trip-copy>b{font-size:19px}.nature-trip img,.nature-trip-empty{height:130px}.nature-global{padding:20px!important}.nature-global>span:last-child{font-size:0}.nature-global>span:last-child::after{content:'↗';font-size:26px}.nature-dialog{padding:20px}.nature-form-row{grid-template-columns:1fr}.nature-note{padding:18px}.nature-heading h2{font-size:30px}}
@media(prefers-reduced-motion:reduce){.nature-book{transition:none!important}}