/* Shared styles for the individual Sol Crumb content pages. These render the same content that the home page shows inside its iframe, but each page is now a real, indexable document. */ html,body{margin:0} body{background:#000;color:#e9ddc6;font-family:'Times New Roman',Times,serif;padding:2px 10px 2px 0} h1{font-size:36px;margin:0 0 4px;color:#e6b052;letter-spacing:1px} h2{font-size:25px;margin:0 0 10px;color:#e6b052} /* Sub-page main headings are

for SEO but keep the smaller heading look */ body.p-bread h1,body.p-story h1,body.p-visit h1,body.p-order h1{font-size:25px;letter-spacing:normal;margin:0 0 10px} p{font-size:17px;line-height:1.5;margin:0 0 12px} hr{border:0;border-top:2px groove #5a4836;margin:14px 0} a{color:#e6b052} .mono{font-family:'Courier New',Courier,monospace} .small{font-size:13px;color:#b59b6f} .tag{font-family:'Courier New',Courier,monospace;font-size:clamp(10px,3vw,14px);letter-spacing:1px;color:#b59b6f;white-space:nowrap} .marq{color:#e6b052;font-size:16px;background:#1c140d;border:2px ridge #6a4f2f;border-radius:5px;padding:7px 0} table{border-collapse:collapse} td{padding:5px 18px 5px 0;font-size:17px;vertical-align:top} td.price{font-family:'Courier New',Courier,monospace;color:#e6b052;text-align:right;padding-right:0} .bt{width:380px;max-width:100%;text-align:left} .ftd td.k{font-family:'Courier New',Courier,monospace;font-size:13px;color:#b59b6f;text-transform:uppercase;letter-spacing:1px;white-space:nowrap} .ftd td.v{font-size:17px} input,select,textarea{font-family:'Courier New',Courier,monospace;font-size:15px;background:#15100a;color:#e9ddc6;border:2px inset #6a4f2f;border-radius:4px;padding:5px 7px} textarea{width:100%;max-width:320px;resize:vertical;line-height:1.4} button{font-family:'Courier New',Courier,monospace;font-size:15px;background:#3a2c1d;color:#f0d9a8;border:3px outset #6a4f2f;border-radius:5px;padding:8px 16px;cursor:pointer;margin-top:8px} button:active{border-style:inset} a.btn{display:inline-block;font-family:'Courier New',Courier,monospace;font-size:15px;background:#3a2c1d;color:#f0d9a8;border:3px outset #6a4f2f;border-radius:5px;padding:8px 16px;cursor:pointer;margin-top:8px;text-decoration:none} a.btn:hover{background:#4a3826;color:#fff} a.btn:active{border-style:inset} .note{font-family:'Courier New',Courier,monospace;font-size:12px;color:#8a7757;margin-top:12px} #msg{margin-top:12px;font-size:14px;font-family:'Courier New',Courier,monospace} .formtab td{padding:7px 12px 7px 0} #o_btn,#c_btn{margin-top:20px} /* "Use the buttons to the left" only makes sense framed on desktop */ .navhint{display:none} html:not(.top) body:not(.m) .navhint{display:block} /* Lite "back to the site" bar — shown ONLY when a page is opened directly (e.g. a visitor lands here from a search result). Hidden inside the iframe. */ .sitebar{display:none} html.top .sitebar{display:block;margin:0 0 18px;padding-bottom:14px;border-bottom:2px groove #5a4836} .sitebar-home{display:inline-flex;align-items:center;gap:8px;color:#e6b052;text-decoration:none;font-family:'Courier New',Courier,monospace;letter-spacing:1px;text-transform:uppercase;font-size:13px} .sitebar-home img{width:40px;height:auto;display:block} .sitebar-nav{margin-top:10px;display:flex;flex-wrap:wrap;gap:8px} .sitebar-nav a{font-family:'Courier New',Courier,monospace;font-size:13px;color:#f0d9a8;text-decoration:none;background:#3a2c1d;border:3px outset #6a4f2f;border-radius:5px;padding:5px 9px} .sitebar-nav a[aria-current=page]{border-style:inset;background:#2c2014;color:#e6b052} /* Contain the layout when viewed directly (html.top is set synchronously in the page so it applies on first paint — no layout shift). */ html.top body{max-width:820px;margin:0 auto;padding:18px} /* Mobile — the .m class is set by content.js from the real (top) viewport width, so it stays correct even though the iframe itself is narrow on desktop. */ body.m.p-home,body.m.p-bread,body.m.p-story,body.m.p-order{text-align:center} body.m.p-home h1{display:none} body.m.p-bread{padding-left:12px;padding-right:12px} body.m.p-bread .bt{width:100%;max-width:340px;margin-left:auto;margin-right:auto} body.m.p-order .formtab{text-align:left} body.m.p-visit h2{text-align:center}