
      :root{--bg:#f6f4ef;--ink:#16241d;--muted:#5c6b62;--accent:#2f8f5b;--accent2:#1f6b45;--line:#e3e7e1;--card:#ffffff}
      *{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.55 "Segoe UI",system-ui,sans-serif}
      .wrap{max-width:1080px;margin:0 auto;padding:22px 18px 70px}
      a.home{color:var(--accent2);text-decoration:none;font-weight:600}
      h1{font-size:1.9rem;margin:14px 0 4px}.sub{color:var(--muted);margin:0 0 8px;max-width:60ch}.sub a{color:var(--accent2);font-weight:600}
      .note{color:var(--muted);font-size:.9rem;margin:6px 0 18px}
      .ptheme{font-size:1.15rem;margin:0 0 4px;border-left:4px solid var(--accent);padding-left:10px}
      .pline{margin:34px 0 0;scroll-margin-top:12px}.pnote{color:var(--muted);font-size:.9rem;margin:0 0 12px 14px}
      a:focus-visible,summary:focus-visible{outline:3px solid var(--accent2);outline-offset:2px;border-radius:6px}
      .pjump ul{list-style:none;margin:14px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
      .pjump a{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:6px 14px;border:1px solid var(--line);border-radius:22px;background:var(--card);color:var(--ink);text-decoration:none;font-weight:600;font-size:.92rem}
      .pjump a:hover{border-color:var(--accent2)}.pcount{color:var(--muted);font-weight:400;font-size:.85rem}
      .pall{margin-top:16px}.pall>.pgrid{margin-top:16px}
      .pall>summary,.pmore>summary{cursor:pointer;color:var(--accent2);font-weight:700;list-style:none}
      .pall>summary::-webkit-details-marker,.pmore>summary::-webkit-details-marker{display:none}
      .pall>summary{display:inline-flex;align-items:center;min-height:44px;padding:8px 18px;border:2px solid var(--accent2);border-radius:10px;background:var(--card)}
      .pall>summary::before,.pmore>summary::before{content:"+";display:inline-block;width:1.1em;font-weight:800}
      .pall[open]>summary::before,.pmore[open]>summary::before{content:"\2212"}
      .pmore{font-size:.88rem}.pmore>summary{display:flex;align-items:center;min-height:44px}
      .pgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;align-items:start}
      .pcard{background:var(--card);border:1px solid var(--line);border-radius:14px;overflow:hidden;display:flex;flex-direction:column}
      .pcard picture,.pimg{display:block}
      .pdetails{display:flex;align-items:center;justify-content:center;min-height:44px;color:var(--accent2);font-weight:700;font-size:.92rem;text-decoration:underline}
      .pdetails:hover{text-decoration:none}
      .pthumb{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;background:#eef2ee;border-bottom:1px solid var(--line)}
      .pbody{padding:12px 14px;display:flex;flex-direction:column;gap:6px;flex:1}
      .ptitle{font-weight:700;line-height:1.3}.pmeta{font-size:.85rem;line-height:1.45;color:var(--muted)}.pprice{color:var(--accent2);font-weight:800;font-size:1rem}
      .pblurb{font-size:.88rem;color:var(--muted);margin:2px 0 8px}
      .btn{display:inline-block;text-align:center;text-decoration:none;border-radius:10px;padding:10px 14px;min-height:44px;font-weight:700}
      .btn-primary{background:var(--accent2);color:#fff}
      .btn-primary[aria-disabled="true"]{background:#c9d6cd;color:#5c6b62;cursor:default;pointer-events:none}
      @media (min-width:492px){.ptitle{min-height:2.6em}.pmeta{min-height:5em}}
      .banner{background:#eef7f0;border:1px solid #cfe6d6;border-radius:12px;padding:12px 16px;color:#245c3c;font-size:.95rem;margin:12px 0}
      .canchor{display:block;height:0;overflow:hidden;scroll-margin-top:16px}
      .sitebar a.home{display:inline-flex;align-items:center;min-height:44px}
    
.cf-chk{position:absolute;opacity:0;margin:0}
#cf-open{left:0;top:0;width:1px;height:1px}
.studio svg{flex:none;min-width:26px}
.cf-menu-btn{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:6px 14px;border:2px solid var(--accent2,var(--brand-700,#1f6b45));border-radius:10px;background:var(--card,#fff);color:var(--accent2,var(--brand-700,#1f6b45));font-family:inherit;font-weight:700;font-size:.94rem;line-height:1.2;white-space:nowrap;cursor:pointer}
.cf-burger{display:inline-block;width:18px;height:2px;background:currentColor;box-shadow:0 -6px 0 currentColor,0 6px 0 currentColor}
#cf-open:checked~header .cf-menu-btn{background:var(--accent2,var(--brand-700,#1f6b45));color:#fff}
.cfnav{--cf-top:66px;position:relative}
.sitebar~.cfnav{--cf-top:61px}
.cfnav-in{display:none;position:fixed;top:var(--cf-top);left:0;right:0;z-index:60;background:var(--card,#fff);border-bottom:1px solid var(--line,#e3e7e1);box-shadow:0 14px 34px rgba(0,0,0,.16);max-height:calc(100vh - var(--cf-top));overflow-y:auto;padding:4px 14px 14px}
#cf-open:checked~.cfnav .cfnav-in{display:block}
.cf-list,.cf-ul{list-style:none;margin:0;padding:0}
.cf-item{position:relative;border-bottom:1px solid var(--line,#e3e7e1)}
.cf-item>.cf-chk{left:0;top:0;width:100%;height:48px;cursor:pointer;z-index:1}
.cf-lab{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;padding:8px 4px;color:var(--ink,#16241d);font-family:inherit;font-weight:700;font-size:1rem;cursor:pointer}
.cf-lab::after{content:"";flex:none;width:.5em;height:.5em;border:solid currentColor;border-width:0 2px 2px 0;transform:rotate(45deg);margin:-.2em .3em 0 0}
.cf-chk:checked+.cf-lab{color:var(--accent2,var(--brand-700,#1f6b45))}
.cf-chk:checked+.cf-lab::after{transform:rotate(-135deg);margin:.2em .3em 0 0}
.cf-top,.cf-side{display:none}
.cf-panel{display:none;padding:0 0 8px 10px}
.cf-chk:checked~.cf-panel{display:block}
.cf-all,.cf-see{margin:0}
.cf-all a,.cf-see a,.cf-ul a{display:flex;align-items:center;min-height:44px;padding:6px 8px;border-radius:8px;color:var(--ink,#16241d);font-size:.95rem;font-weight:500;text-decoration:none}
.cf-all a,.cf-see a{font-weight:700;color:var(--accent2,var(--brand-700,#1f6b45))}
.cf-ul a:hover,.cf-all a:hover,.cf-see a:hover{background:var(--brand-050,#eef7f0)}
.cf-ch{margin:0;padding:10px 8px 0;font-weight:700;font-size:.82rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted,#5c6b62)}
.cf-n{margin-left:.35em;color:var(--muted,#5c6b62);font-weight:400;font-size:.85em}
#cf-open:focus-visible~header .cf-menu-btn,.cf-chk:focus-visible+.cf-lab,.cf-top:focus-visible,.cf-panel a:focus-visible{outline:3px solid var(--accent2,var(--brand-500,#2f8f5b));outline-offset:2px;border-radius:6px}
.sitebar{position:relative;border-bottom:1px solid var(--line,#e3e7e1);background:var(--card,#fff)}
.sitebar .sitebar-in{max-width:1080px;margin:0 auto;padding:8px 18px;display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px}
@media(max-width:600px){.topbar .tag{display:none}.topbar .wrap{height:66px;flex-wrap:nowrap;gap:10px;padding:0 14px}.topbar .back{font-size:.8rem}.topbar .studio{font-size:1rem}.topbar .cf-menu-btn{padding:6px 12px}}
@media(min-width:1000px) and (hover:hover){
.cf-menu-btn,.cf-chk,.cf-lab{display:none}
.cfnav{z-index:30;border-bottom:1px solid var(--line,#e3e7e1);background:var(--card,#fff)}
.cfnav-in{display:block;position:relative;top:auto;left:auto;right:auto;z-index:auto;max-width:1320px;margin:0 auto;padding:0 12px;background:transparent;border:0;box-shadow:none;max-height:none;overflow:visible}
.cf-list{display:flex;flex-wrap:wrap;justify-content:center}
.cf-item{position:static;display:flex;border:0}
.cf-top{display:flex;align-items:center;min-height:46px;padding:0 10px;border-bottom:3px solid transparent;color:var(--ink,#16241d);font-family:inherit;font-weight:600;font-size:.88rem;line-height:1.2;text-decoration:none;white-space:nowrap}
.cf-item:hover>.cf-top,.cf-item:focus-within>.cf-top{color:var(--accent2,var(--brand-700,#1f6b45));border-bottom-color:var(--accent2,var(--brand-600,#267a4f))}
.cf-panel{position:absolute;left:12px;right:12px;top:100%;z-index:50;display:grid;grid-template-columns:190px minmax(0,1fr);gap:0 28px;padding:20px 26px 14px;background:var(--card,#fff);border:1px solid var(--line,#e3e7e1);border-top:0;border-radius:0 0 12px 12px;box-shadow:0 12px 26px rgba(0,0,0,.10);visibility:hidden;opacity:0;transition:opacity .12s ease,visibility 0s linear .16s}
.cf-item:hover>.cf-panel,.cf-item:focus-within>.cf-panel{visibility:visible;opacity:1;transition-delay:0s}
.cf-item.cf-off>.cf-panel{visibility:hidden;opacity:0;transition:none}
.cf-side{display:block}
.cf-name{margin:0;font-weight:800;font-size:1.05rem;color:var(--ink,#16241d)}
.cf-cnt{margin:4px 0 0;color:var(--muted,#5c6b62);font-size:.85rem}
.cf-main{min-width:0}
.cf-all{margin:0 0 10px}
.cf-all a{display:inline;min-height:0;padding:0;font-weight:700;font-size:.95rem;color:var(--ink,#16241d)}.cf-all a::after{content:"\2197";margin-left:.35em;color:var(--accent2,var(--brand-700,#1f6b45))}
.cf-all a:hover,.cf-ul a:hover,.cf-see a:hover{background:none;color:var(--accent2,var(--brand-700,#1f6b45));text-decoration:underline}
.cf-cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:4px 28px}
.cf-ch{padding:0;margin:0 0 4px;font-size:.86rem;text-transform:none;letter-spacing:0;color:var(--ink,#16241d)}
.cf-ul a{display:block;min-height:0;padding:3px 0;border-radius:0;font-size:.86rem;line-height:1.35}
.cf-two{columns:2 190px;column-gap:28px}.cf-two li{break-inside:avoid}
.cf-see{margin:12px 0 0;text-align:right}
.cf-see a{display:inline;min-height:0;padding:0;font-size:.86rem}
}
@media(prefers-reduced-motion:reduce){.cf-panel{transition:none!important}}
@media(min-width:1000px) and (max-width:1199px) and (hover:hover){.cf-top{padding:0 6px;font-size:.8rem}}
.legal-foot{max-width:1100px;margin:28px auto 18px;padding:14px 18px;border-top:1px solid #ddd;color:#555;font-size:14px;line-height:1.6}.legal-foot nav{margin-top:8px}.legal-foot p{margin:6px 0 0}.fx a:focus-visible{outline:3px solid var(--accent2,var(--brand-500,#2f8f5b));outline-offset:2px;border-radius:4px}.fx{display:flex;flex-wrap:wrap;gap:22px 48px;margin:18px 0 6px;padding-top:16px;border-top:1px solid currentColor;border-color:rgba(127,127,127,.35);text-align:left;width:100%;font-size:.94rem}.fx-col ul{list-style:none;margin:6px 0 0;padding:0}.fx-types ul{columns:3 190px;column-gap:28px}.fx-col li{break-inside:avoid}.fx a{display:inline-block;padding:7px 0;color:inherit;text-decoration:underline}.fx .fx-h{margin:0;font-weight:700;font-size:1rem;color:inherit;text-transform:none;letter-spacing:0}