*{box-sizing:border-box}body{margin:0;background:#f9f8f4;color:#2d3029;font:15px Arial,sans-serif}header,main,footer{max-width:1440px;margin:auto}header{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 6%;border-bottom:1px solid #d5d3c9}.logo{font: bold 25px Georgia,serif;color:inherit;text-decoration:none;letter-spacing:-1.3px;display:flex;align-items:center;gap:11px}.logo i{background:#b95634;color:white;padding:3px 6px;font:24px Georgia;border-radius:3px}button,select{font:inherit;cursor:pointer;color:inherit}nav{display:flex;gap:19px}nav button{background:none;border:0;padding:9px 0;font-size:14px}nav .active{border-bottom:2px solid #ac5232}nav b{font:11px monospace;background:#e9e6dd;padding:3px 6px;border-radius:9px}main{padding:0 6%}.hero{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:4%;padding:40px 0;border-bottom:1px solid #ccc9bd}.hero small,.heading small,label,.result,#total,.tag,.brand,footer span{font:10px 'Courier New',monospace;letter-spacing:1.2px}.hero small{display:flex;align-items:center;gap:9px;color:#97472b;font-weight:bold}.hero em{width:19px;height:2px;background:#b55634}h1,h2,h3{font-family:Georgia,serif;font-weight:400}h1{font-size:clamp(50px,5.6vw,86px);line-height:.96;letter-spacing:-.055em;margin:18px 0}h1 i{color:#ae5132}p{line-height:1.55;color:#5c6055;margin:0}.art{height:284px;background:#e7e6d9;position:relative;overflow:hidden;isolation:isolate;background-image:linear-gradient(100deg,#dde0d244,transparent 52%,#c6c8b855)}.book,.back{position:absolute;left:19%;top:17%;width:59%;height:68%;transform:rotate(-10deg) skewY(2deg);border-radius:5px}.back{background:#657568;transform:rotate(9deg);top:13%;left:28%;width:46%;box-shadow:4px 6px 7px #32382744;border-right:6px solid #425749}.book{display:flex;background:#534a38;padding:3px;box-shadow:1px 4px #c6bba1,2px 7px #756b52,6px 11px 12px #332f2450}.page{width:50%;padding:13px 10px;color:#656052;background:#f7f1df;overflow:hidden}.left{background:linear-gradient(90deg,#f5efdc,#fbf7e8 80%,#cecab7);border-radius:3px}.right{background:linear-gradient(90deg,#d7d0bc,#f8f3df 9%);border-radius:3px}.page label,.page span{font:7px monospace;letter-spacing:.6px}.page strong{display:block;font:italic 19px Georgia;margin:5px 0}.page span{display:block;border-top:1px solid #ccc5b0;padding:5px 0;height:24%}.graph{height:85%;margin-top:9px;background-image:linear-gradient(#b3b4a44d 1px,transparent 1px),linear-gradient(90deg,#b3b4a44d 1px,transparent 1px);background-size:8px 8px}.ribbon{position:absolute;background:#a85236;left:53%;width:5px;height:26%;bottom:-10%;transform:rotate(-5deg)}.pen{position:absolute;right:11%;top:30%;height:58%;width:9px;border-radius:7px 7px 50% 50%;background:linear-gradient(90deg,#6b512a,#d9bc74,#7a633a);transform:rotate(17deg);box-shadow:3px 3px 4px #443b2733}.directory{padding:34px 0 60px}.heading,.result,footer,.bottom{display:flex;align-items:center;justify-content:space-between;gap:12px}.heading small,.brand{color:#8a4c34;font-weight:bold}h2{font-size:40px;letter-spacing:-2px;margin:7px 0 18px}#total{color:#686e60}.search{display:flex;align-items:center;gap:12px;border:1px solid #c9c9bf;border-radius:5px;padding:8px 13px;background:#fffefa}.search span{font-size:24px}.search input{width:100%;border:0;outline:0;font:15px Arial;background:none}#filters{display:flex;flex-wrap:wrap;gap:8px;padding:12px 0 19px;border-bottom:1px solid #d7d6cd}select,.reset,.compare{border:1px solid #c9c9bf;background:#fffefa;padding:8px 10px;border-radius:5px;font-size:13px}.result{padding:14px 0;color:#5f6459;letter-spacing:.4px}.result select{border:0;background:transparent;padding:4px}.result label{font:12px Arial}.result span{font-size:12px}#grid{display:grid;grid-template-columns:repeat(3,1fr);gap:19px}article{background:#fffefa;border:1px solid #d8d7cc;border-radius:6px;overflow:hidden}.thumb{position:relative;height:220px;display:grid;place-items:center;background:#e9e6dc}.thumb img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;position:absolute}.save{position:absolute;right:12px;top:12px;background:#fffefa;border:1px solid #cfcec2;border-radius:50%;width:33px;height:33px;display:grid;place-items:center}.save.on{background:#334d40;color:white}.cardbody{padding:17px}.brand{font-size:10px;text-transform:uppercase}h3{font-size:25px;letter-spacing:-.8px;margin:6px 0 10px}article p{font-size:14px}.tags{display:flex;flex-wrap:wrap;gap:5px;margin:14px 0}.tag{border:1px solid #d6d6c9;padding:4px 6px;border-radius:3px;letter-spacing:.2px}.bottom{border-top:1px solid #e4e2d9;padding-top:12px;flex-wrap:wrap}.bottom button,.link{color:#944627;background:none;border:0;font-weight:bold;font-size:13px}.bottom small{display:block;font:11px Arial;color:#63715d;margin-top:4px}.empty{grid-column:1/-1;padding:30px;background:white}.compare{margin:16px 0}.tablewrap{overflow:auto}table{border-collapse:collapse;width:100%}td,th{text-align:left;vertical-align:top;padding:12px;border:1px solid #ddd9cc}dialog{max-width:min(510px,94vw);border:1px solid #aaa798;border-radius:8px;padding:32px;background:#faf9f3}dialog::backdrop{background:#22282075}#close{float:right;background:none;border:0;font-size:25px}dialog img{display:block;height:130px;max-width:100%;margin:auto}dialog a{display:inline-block;margin:15px 0}footer{padding:20px 6%;border-top:1px solid #ccc;font:19px Georgia}footer span{color:#656b60}@media(max-width:800px){#grid{grid-template-columns:repeat(2,1fr)}.art{height:230px}.wide{display:none}}@media(max-width:580px){header{height:64px}.logo{font-size:20px}nav{gap:10px}.hero{grid-template-columns:1fr;padding:24px 0;gap:20px}.art{height:175px}.book,.back{width:48%;left:25%}.back{left:34%;width:39%}h1{font-size:54px}.directory{padding-top:24px}#grid{grid-template-columns:1fr}.thumb{height:235px}h2{font-size:32px}#total{display:none}footer{align-items:start;flex-direction:column}}
.headernote,.eyebrow,.step,.rank{font:bold 10px 'Courier New',monospace;letter-spacing:1.6px}.headernote span{color:#af5637}.intro{padding:41px 0 28px}.intro h1{font-size:clamp(46px,5.2vw,74px);margin:13px 0 12px}.eyebrow,.rank{color:#975035}.intro p{font-size:16px}.journey{display:grid;grid-template-columns:1.6fr 1fr;border:1px solid #d8d6c9;border-radius:10px;overflow:hidden;background:#fffefa;margin:4px 0 48px}.formpanel{padding:32px 36px}.step{color:#716f61;display:flex;justify-content:space-between}.bars{display:flex;gap:5px;margin:10px 0 25px}.bars i{flex:1;height:3px;background:#e6e3d8}.bars i.filled{background:#ad5639}#question h2,#matches h2{font-size:clamp(31px,3vw,47px);line-height:1.08;margin-bottom:8px}.options{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:20px 0}.option{display:flex;align-items:center;gap:10px;text-align:left;background:#faf9f4;border:1px solid #d9d6ca;border-radius:5px;padding:15px 11px;font-size:14px}.option:before{content:'';display:block;flex:none;width:12px;height:12px;border:1px solid #aba99c;border-radius:50%}.option.chosen{background:#f7e9de;border-color:#af5839}.chosen:before{background:#ad5233;box-shadow:inset 0 0 0 3px #faf3e9}.actions{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #deddd2;padding-top:16px}.next,.shop{padding:12px 17px;background:#9e4b30;border:none;border-radius:4px;color:white;font-weight:bold;text-decoration:none;font-size:14px}.next:disabled{opacity:.42;cursor:default}.backbtn{background:none;border:0;font-size:13px}.hint{font:11px monospace;color:#77786b}aside{background:#e7e7db;border-left:1px solid #d7d7c9;display:flex;flex-direction:column;justify-content:center}.art{height:230px;background:transparent}.sidenote{padding:14px 30px 29px}.sidenote h3{font-size:27px;margin:8px 0}.sidenote p{font-size:14px}.rank{background:#fffefa;position:absolute;top:12px;left:12px;padding:7px 10px;border-radius:3px}.shop{display:inline-block;margin-top:12px}.why{border-top:1px solid #dedbd1;margin-top:15px;padding-top:12px}.why b{display:block;color:#964d33;margin-bottom:4px}.matchactions{display:flex;gap:12px;margin:20px 0 40px}#matches{padding:10px 0 30px}button:focus-visible,a:focus-visible{outline:3px solid #466858;outline-offset:2px}@media(max-width:800px){.formpanel{padding:24px}.journey{grid-template-columns:1.4fr 1fr}.options{grid-template-columns:1fr}.art{height:180px}}@media(max-width:600px){.intro{padding-top:28px}.journey{display:block}.formpanel{padding:20px}.options{grid-template-columns:1fr 1fr}.option{font-size:13px;padding:12px 8px}.art{height:160px}.sidenote{padding:2px 22px 20px}aside{border:0}.headernote{font-size:8px}.intro h1{line-height:1.02}.intro p{font-size:14px}}
.cataloglink,.pager a{color:#89452d;text-decoration:underline;text-underline-offset:4px;font-size:14px}.pager{display:flex;align-items:center;justify-content:space-between;gap:10px}.pager span{font-size:12px;color:#616356}.offer{padding:12px 0;border-top:1px solid #dfdfd2}.offer small{font-size:12px;color:#65675d}.compare:disabled{opacity:.45;cursor:default}.cardbody h3{overflow-wrap:anywhere}.offer .shop{margin-top:7px}
.cardbody details{font-size:13px;margin:12px 0}.cardbody summary{cursor:pointer;color:#85432e}.cardbody details li{padding:3px 0}.thumb img{object-fit:contain}
.catalogtabs{display:flex;gap:18px;margin-bottom:16px}.catalogtabs a,.eco a{color:#88482d;font-size:13px}.catalogtabs a[aria-current]{font-weight:bold;color:#2f4738}.eco{margin:13px 0;background:#efefe6;border-radius:5px;padding:11px}.eco b,.eco p,.eco a{font-size:12px}.eco p{margin:4px 0}.eco a{text-underline-offset:2px}#matches #grid article:first-child{border-color:#995334}#matches #grid article:first-child .rank{background:#96482e;color:#fff}
#ratings{margin:15px 0 35px;padding:17px;border:1px solid #d8d6c9;border-radius:5px}#ratings summary{cursor:pointer;font-weight:bold}#ratings p{margin:10px 0}.holder{font-size:12px;color:#774e35;margin-top:7px}
@media(min-width:801px){#matches #grid{grid-template-columns:1fr 1fr}#matches #grid article:first-child{grid-column:1/-1;display:grid;grid-template-columns:minmax(260px,.9fr) 1.3fr}#matches #grid article:first-child .thumb{height:100%;min-height:300px}#matches #grid article:first-child h3{font-size:32px}#matches #grid article:first-child .cardbody{padding:24px}}

.amazon-offer{margin:9px 0 2px}.amazon-offer a{color:#85432e;font-size:13px}footer small{font:12px Arial,sans-serif;color:#64665e}

.image-note{position:absolute;bottom:8px;left:10px;background:rgba(255,255,255,.85);padding:3px 7px;border-radius:3px;font-size:10px;color:#59574f;letter-spacing:.02em}