:root{
      --ink:#1C1C1A; --ink2:#111110; --ai:#2C3E5A; --ai-deep:#22324A; --gray:#8A8E94;
      --bg:#FAFAF8; --soft:#F0F0EC; --paper:#FFFFFF;
      --body:#3C3C3A; --muted:#84847E;
      --line:rgba(28,28,26,.16); --line-soft:rgba(28,28,26,.08); --line-ai:rgba(44,62,90,.4); --line-white:rgba(255,255,255,.16);
    }
    *{box-sizing:border-box;}
    html{scroll-behavior:smooth;}
    body{margin:0; color:var(--body); font-family:"Zen Kaku Gothic",sans-serif; line-height:1.9; -webkit-font-smoothing:antialiased; font-size:16px; overflow-x:hidden;
      background-color:var(--bg);
      background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='320' height='320'><filter id='g'><feTurbulence type='fractalNoise' baseFrequency='0.018 0.13' numOctaves='3' seed='2' stitchTiles='stitch'/><feColorMatrix type='matrix' values='0 0 0 0 0.17 0 0 0 0 0.24 0 0 0 0 0.35 0 0 0 0.04 0'/></filter><rect width='100%25' height='100%25' filter='url(%23g)'/></svg>");
      background-size:320px; background-attachment:fixed;}
    img{max-width:100%; display:block;}
    a{color:inherit; text-decoration:none;}
    .mono{font-family:"Space Grotesk",monospace; letter-spacing:.04em;}
    h1,h2,h3{margin:0; color:var(--ink); font-family:"Shippori Mincho",serif; line-height:1.5; word-break:auto-phrase; text-wrap:balance; font-weight:700;}
    h1,h2,h3,.lead,.btn,summary{word-break:auto-phrase; text-wrap:balance;}
    p{margin:0;}
    .wrap{width:min(1180px,calc(100% - 56px)); margin:0 auto;}
    .eyebrow{font-family:"Space Grotesk",monospace; font-size:12px; letter-spacing:.26em; text-transform:uppercase; color:var(--ai); font-weight:700; display:inline-flex; gap:12px; align-items:center;}
    .eyebrow::before{content:""; width:30px; height:1px; background:var(--ai);}
    .mk{color:var(--ai);}
    .btn{display:inline-flex; align-items:center; justify-content:center; gap:.5em; font-weight:700; font-size:14px; letter-spacing:.04em; min-height:54px; padding:14px 30px; border:1px solid transparent; border-radius:0; transition:transform .2s ease, background .2s ease, color .2s ease;}
    .btn.ink{background:var(--ink); color:#fff;}
    .btn.ink:hover{transform:translateY(-2px); background:#000;}
    .btn.ai{background:var(--ai); color:#fff;}
    .btn.ai:hover{transform:translateY(-2px); background:var(--ai-deep);}
    .btn.ghost{background:transparent; color:var(--ink); border-color:var(--ink);}
    .btn.ghost:hover{background:var(--ink); color:#fff;}
    .btn.light{background:transparent; color:#fff; border-color:var(--line-white);}
    .btn.light:hover{background:#fff; color:var(--ink);}
    section{position:relative;}

    /* ZOROYA:HEADER（ミニマル・細罫・ロゴ左/ナビ右） */
    .site-header{position:sticky; top:0; z-index:50; background:rgba(250,250,248,.92); backdrop-filter:blur(12px); border-bottom:1px solid var(--line);}
    .hd-top{width:min(1300px,calc(100% - 40px)); margin:0 auto; display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:24px; padding:14px 0;}
    .hd-logo img{height:44px; width:auto;}
    .hd-nav{display:flex; justify-content:center; gap:6px; flex-wrap:wrap;}
    .hd-nav a{padding:9px 13px; font-size:13px; font-weight:500; color:var(--ink); letter-spacing:.04em;}
    .hd-nav a:hover{color:var(--ai);}
    .hd-cta{justify-self:end; background:var(--ink); color:#fff; font-weight:700; font-size:12px; letter-spacing:.06em; padding:12px 20px;}
    .hd-cta:hover{background:#000;}
    /* /ZOROYA:HEADER */

    /* ZOROYA:MAIN */
    /* HERO ＝ 39.Origami（折りパネルが順に開いて図面ビジュアルが現れる） */
    .hero{position:relative; width:100vw; left:50%; margin-left:-50vw; overflow:hidden; padding:78px 0 86px; background:var(--bg);}
    .hero .inner{position:relative; z-index:2; width:min(1240px,calc(100% - 48px)); margin:0 auto; display:grid; grid-template-columns:1fr 1.06fr; gap:56px; align-items:center;}
    .hero .lead-code{font-family:"Space Grotesk",monospace; font-size:12px; letter-spacing:.2em; color:var(--ai); display:flex; align-items:center; gap:14px;}
    .hero .lead-code::after{content:""; flex:1; height:1px; background:var(--line);}
    .hero h1{color:var(--ink); font-size:clamp(34px,5.4vw,68px); line-height:1.32; margin:24px 0 0; letter-spacing:.02em;}
    .hero h1 .mk{color:var(--ai);}
    .hero .lead{color:var(--body); max-width:30em; font-size:16px; margin-top:24px;}
    .hero .btn-row{display:flex; gap:14px; flex-wrap:wrap; margin-top:30px;}
    .hero .credit{display:flex; gap:26px; margin-top:30px; flex-wrap:wrap;}
    .hero .credit .ci{font-size:13px; color:var(--muted);} .hero .credit .ci b{display:block; font-family:"Shippori Mincho",serif; color:var(--ink); font-size:16px;}
    .hero-visual{position:relative; aspect-ratio:5/4; overflow:hidden; perspective:1500px; border:1px solid var(--line);}
    .hero-visual .hv-bg{position:absolute; inset:0;} .hero-visual .hv-bg img{width:100%; height:100%; object-fit:cover;}
    .hero-visual .hv-grid{position:absolute; inset:0; z-index:1; pointer-events:none; background-image:linear-gradient(rgba(44,62,90,.14) 1px,transparent 1px),linear-gradient(90deg,rgba(44,62,90,.14) 1px,transparent 1px); background-size:40px 40px; mix-blend-mode:multiply;}
    .origami{position:absolute; inset:0; z-index:3; display:flex; transform-style:preserve-3d; pointer-events:none;}
    .origami .panel{flex:1; height:100%; background:linear-gradient(135deg,var(--ai) 0%,var(--ink) 100%); border-right:1px solid rgba(255,255,255,.12); transform-origin:left center; backface-visibility:hidden; animation:origamiFold 1.05s cubic-bezier(.66,0,.28,1) forwards;}
    .origami .panel::after{content:""; position:absolute; inset:0; background:repeating-linear-gradient(90deg,transparent 0 18px,rgba(255,255,255,.05) 18px 19px);}
    .origami .panel:nth-child(1){animation-delay:.25s;} .origami .panel:nth-child(2){animation-delay:.4s;} .origami .panel:nth-child(3){animation-delay:.55s;} .origami .panel:nth-child(4){animation-delay:.7s;} .origami .panel:nth-child(5){animation-delay:.85s;}
    @keyframes origamiFold{ to{ transform:rotateY(-92deg); opacity:0; } }
    @media (prefers-reduced-motion:reduce){ .origami{display:none;} }
    .hero-visual .tag{position:absolute; left:14px; bottom:14px; z-index:4; background:var(--ink); color:#fff; font-family:"Space Grotesk",monospace; font-size:11px; letter-spacing:.12em; padding:7px 14px;}

    /* INTRO（左画像＋痛み点灯） */
    .intro{padding:114px 0;}
    .intro .split{display:grid; grid-template-columns:.92fr 1.08fr; gap:60px; align-items:stretch;}
    .intro .imgcol{position:relative;}
    .intro .imgph{position:relative; height:100%; min-height:430px; overflow:hidden; box-shadow:0 30px 60px -34px rgba(28,28,26,.3);}
    .intro .imgph img{width:100%; height:100%; object-fit:cover;}
    .intro .grid-deco{position:absolute; left:-18px; bottom:-18px; width:128px; height:128px; z-index:-1; background-image:linear-gradient(var(--ai) 1px,transparent 1px),linear-gradient(90deg,var(--ai) 1px,transparent 1px); background-size:18px 18px; opacity:.2;}
    .intro .num{position:absolute; top:14px; left:14px; z-index:2; font-family:"Space Grotesk",monospace; font-size:11px; letter-spacing:.2em; color:#fff; background:var(--ai); padding:6px 12px;}
    .intro .kicker{font-size:clamp(26px,3.6vw,42px); font-weight:700; line-height:1.5; margin:16px 0 12px;}
    .intro .sub{color:var(--muted); font-size:15px; max-width:30em; margin:0 0 28px;}
    .pains{display:grid; border-top:1px solid var(--ink);}
    .pain{display:grid; grid-template-columns:40px 1fr; gap:18px; align-items:baseline; padding:22px 0; border-bottom:1px solid var(--line);}
    .pain .ck{font-family:"Space Grotesk",monospace; font-size:13px; color:var(--ai);}
    .pain p{margin:0; font-family:"Shippori Mincho",serif; font-size:clamp(17px,2vw,21px); font-weight:600; color:rgba(28,28,26,.26); transition:color .5s ease;}
    .pain.lit p{color:var(--ink);}
    .closer{margin-top:30px; font-family:"Shippori Mincho",serif; font-size:clamp(18px,2.2vw,25px); font-weight:700; line-height:1.6; color:var(--ink);}
    .closer .hl{background:linear-gradient(transparent 62%, rgba(44,62,90,.22) 62%);}

    /* SERVICE INDEX（features-04 索引・図面の目次） */
    .svcindex{padding:114px 0; background:var(--soft); border-top:1px solid var(--line); border-bottom:1px solid var(--line);}
    .svcindex .head{display:flex; justify-content:space-between; align-items:flex-end; border-bottom:2px solid var(--ink); padding-bottom:18px; margin-bottom:0;}
    .svcindex h2.big{font-size:clamp(28px,4vw,46px); font-weight:800; margin-top:12px;}
    .svcindex .cnt{font-family:"Space Grotesk",monospace; font-size:12px; color:var(--muted); letter-spacing:.1em;}
    .idx-row{display:grid; grid-template-columns:90px 1.1fr 1.4fr 120px; gap:24px; align-items:center; padding:30px 4px; border-bottom:1px solid var(--line); transition:padding .25s ease, background .25s ease;}
    .idx-row:hover{background:var(--paper); padding-left:14px;}
    .idx-row .ix{font-family:"Space Grotesk",monospace; font-size:13px; color:var(--ai);}
    .idx-row h3{font-size:clamp(19px,2.3vw,26px); font-weight:700;}
    .idx-row p{font-size:14.5px; color:var(--muted);}
    .idx-row .ph{width:120px; height:80px; overflow:hidden;} .idx-row .ph img{width:100%; height:100%; object-fit:cover;}

    /* NUMBERS（藍ダーク・カウント＝メリハリ①） */
    .numbers{width:100vw; position:relative; left:50%; margin-left:-50vw; background:var(--ai-deep); color:#E6EBF2; padding:100px 0; overflow:hidden;}
    .numbers::before{content:""; position:absolute; inset:0; background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px); background-size:46px 46px; mix-blend-mode:screen; pointer-events:none;}
    .numbers .wrap{position:relative; z-index:2;}
    .numbers .eyebrow{color:#A9BAD0;} .numbers .eyebrow::before{background:#A9BAD0;}
    .numbers h2{color:#fff; font-weight:700; font-size:clamp(24px,3.4vw,40px); margin:14px 0 50px;}
    .num-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:38px;}
    .num-cell{border-top:1px solid var(--line-white); padding-top:24px;}
    .num-cell .v{display:flex; align-items:baseline; gap:8px;}
    .num-cell .v b{font-family:"Shippori Mincho",serif; font-weight:800; font-size:clamp(54px,7vw,96px); color:#fff; line-height:.9;}
    .num-cell .v .u{font-family:"Shippori Mincho",serif; font-size:20px; color:#A9BAD0;}
    .num-cell .lbl{margin-top:12px; color:rgba(230,235,242,.78); font-size:14px;}

    /* CRAFT（アトリエ・設計監理の所作） */
    .craft{padding:114px 0;}
    .craft .grid{display:grid; grid-template-columns:1.05fr .95fr; gap:60px; align-items:center;}
    .craft .imgwrap{position:relative;} .craft .imgwrap img{width:100%; aspect-ratio:4/3; object-fit:cover;}
    .craft .imgwrap .cap{position:absolute; right:-14px; bottom:-14px; background:var(--ai); color:#fff; font-family:"Shippori Mincho",serif; font-size:13px; padding:12px 18px;}
    .craft h2{font-size:clamp(26px,3.6vw,42px); font-weight:800; line-height:1.5; margin:14px 0 18px;}
    .craft p{color:var(--body); font-size:15.5px; max-width:30em;}
    .craft .tags{display:flex; gap:10px; flex-wrap:wrap; margin-top:24px;}
    .craft .tags span{border:1px solid var(--line); color:var(--ai); font-size:13px; font-weight:700; padding:7px 15px;}

    /* ABOUT（about-01 沿革・タイムライン） */
    .about{padding:114px 0; background:var(--soft); border-top:1px solid var(--line);}
    .about .head{margin-bottom:46px;}
    .about h2.big{font-size:clamp(28px,4vw,46px); font-weight:800; margin-top:12px;}
    .tl{border-left:2px solid var(--ink); margin-left:8px;}
    .tlrow{display:grid; grid-template-columns:120px 1fr; gap:30px; padding:26px 0 26px 32px; position:relative; border-bottom:1px solid var(--line);}
    .tlrow::before{content:""; position:absolute; left:-9px; top:34px; width:14px; height:14px; background:var(--bg); border:2px solid var(--ai); border-radius:50%;}
    .tlrow .yr{font-family:"Space Grotesk",monospace; font-size:15px; color:var(--ai); font-weight:700;}
    .tlrow h3{font-size:19px; margin-bottom:6px;} .tlrow p{color:var(--muted); font-size:14.5px;}

    /* VOICE（引用大＋ポートレート＋2列サブ） */
    .voice{padding:114px 0;}
    .vquote{display:grid; grid-template-columns:300px 1fr; gap:56px; align-items:center; margin-top:24px;}
    .portrait{position:relative; aspect-ratio:3/4; overflow:hidden;}
    .portrait img{width:100%; height:100%; object-fit:cover;}
    .bigq{font-family:"Shippori Mincho",serif; font-size:clamp(19px,2.5vw,30px); font-weight:600; line-height:1.75; margin:0;}
    .bigq .qm{color:var(--ai); font-size:1.2em;}
    .by{margin-top:24px; display:flex; align-items:center; gap:14px;} .by .ln{width:34px; height:1px; background:var(--ai);} .by .nm{font-weight:700; font-size:15px;} .by .rl{font-size:13px; color:var(--muted);}
    .vsub{display:grid; grid-template-columns:1fr 1fr; gap:26px; margin-top:50px;}
    .vcard{background:var(--paper); border:1px solid var(--line); padding:26px 28px; display:grid; grid-template-columns:60px 1fr; gap:18px; align-items:start;}
    .vcard .vp{width:60px; height:60px; border-radius:50%; overflow:hidden;} .vcard .vp img{width:100%; height:100%; object-fit:cover;}
    .vcard p{font-size:15px; color:var(--body);} .vcard .vn{margin-top:10px; font-size:12px; color:var(--muted); font-weight:700;}

    /* PRICING（設計料の考え方・特大プライス） */
    .pricing{padding:114px 0; background:var(--soft); border-top:1px solid var(--line); overflow:hidden;}
    .pricing .top{display:grid; grid-template-columns:1.15fr .85fr; gap:56px; align-items:end; border-bottom:2px solid var(--ink); padding-bottom:30px;}
    .pricing .label{font-family:"Shippori Mincho",serif; font-size:clamp(20px,2.4vw,28px); font-weight:700;}
    .pricing .label small{display:block; font-family:"Space Grotesk",monospace; font-size:12px; color:var(--muted); margin-top:8px;}
    .pricing .price{text-align:right;}
    .pricing .price .from{font-family:"Space Grotesk",monospace; font-size:13px; color:var(--ai);}
    .pricing .price .v{font-family:"Shippori Mincho",serif; font-weight:800; font-size:clamp(50px,10vw,116px); line-height:.82; display:inline-flex; align-items:flex-start; color:var(--ink);}
    .pricing .price .v .y{font-size:.36em; margin-top:.3em; color:var(--ai);} .pricing .price .v .u{font-size:.24em; margin-top:1.6em; margin-left:.1em; color:var(--muted);}
    .pricing .price .tax{font-family:"Space Grotesk",monospace; font-size:12px; color:var(--muted); margin-top:10px;}
    .pricing .grid{display:grid; grid-template-columns:1.1fr .9fr; gap:56px; margin-top:44px;}
    .pincl{list-style:none; margin:0; padding:0;}
    .pincl li{display:grid; grid-template-columns:auto 1fr auto; gap:16px; align-items:center; padding:18px 4px; border-bottom:1px solid var(--line); font-size:15px;}
    .pincl li .ck{width:22px; height:22px; background:var(--ai); color:#fff; display:flex; align-items:center; justify-content:center; flex:0 0 auto;}
    .pincl li .ck svg{width:12px; height:12px;}
    .pincl li .mn{font-family:"Space Grotesk",monospace; font-size:12px; color:var(--muted);}
    .pnote{background:var(--paper); border:1px solid var(--line); padding:30px; align-self:start;}
    .pnote .nt{font-family:"Space Grotesk",monospace; font-size:11px; letter-spacing:.16em; color:var(--ai); text-transform:uppercase;}
    .pnote h4{font-size:19px; margin:8px 0 10px;} .pnote p{color:var(--muted); font-size:14px; margin:0 0 20px;}

    /* MESSAGE（一級建築士・文字点灯＋署名） */
    .message{padding:124px 0;}
    .msg{display:grid; grid-template-columns:1fr 320px; gap:60px; align-items:start; margin-top:24px;}
    .pcol{position:sticky; top:104px;}
    .pcol .portrait2{aspect-ratio:4/5; overflow:hidden;}
    .pcol .portrait2 img{width:100%; height:100%; object-fit:cover;}
    .pname{margin-top:18px;} .pname .role{font-size:12px; color:var(--muted);} .pname .nm{font-family:"Shippori Mincho",serif; font-size:22px; font-weight:600; margin-top:4px;}
    .msg-body{font-family:"Shippori Mincho",serif; font-size:clamp(19px,2.2vw,26px); line-height:1.95; font-weight:500; max-width:24em;}
    .msg-body .w{color:rgba(28,28,26,.22); transition:color .1s;}
    .sign{margin-top:38px;} .sign svg{width:220px; height:78px; overflow:visible;}
    .sign path{fill:none; stroke:var(--ink); stroke-width:2.4; stroke-linecap:round; stroke-linejoin:round;}

    /* FAQ（下線ドロー） */
    .faq{padding:114px 0; background:var(--soft); border-top:1px solid var(--line);}
    .faq .head{position:relative; display:inline-block;}
    .faq h2.big{font-size:clamp(28px,4vw,46px); font-weight:600; margin:18px 0 6px;}
    .faq .grid{display:grid; grid-template-columns:1fr 1fr; gap:34px 54px; margin-top:46px;}
    .qa .q{display:flex; gap:14px; align-items:baseline;}
    .qa .qn{font-family:"Shippori Mincho",serif; font-size:28px; color:var(--ai); line-height:1; flex:0 0 auto;}
    .qa .qt{font-family:"Shippori Mincho",serif; font-size:clamp(17px,1.9vw,20px); font-weight:600; margin:0;}
    .qa .a{margin:12px 0 0 42px; font-size:14.5px; color:var(--muted);}

    /* FINAL CTA（墨ダーク全幅＋図面グリッド＝メリハリ②） */
    .finalcta{width:100vw; position:relative; left:50%; margin-left:-50vw; min-height:72vh; display:flex; align-items:center; justify-content:center; overflow:hidden; text-align:center; background:var(--ink2);}
    .finalcta .bg{position:absolute; inset:0;} .finalcta .bg img{width:100%; height:100%; object-fit:cover; filter:saturate(.85) brightness(.42);}
    .finalcta .ov{position:absolute; inset:0; background:linear-gradient(180deg,rgba(17,17,16,.82),rgba(17,17,16,.66) 50%,rgba(17,17,16,.93));}
    .finalcta::after{content:""; position:absolute; inset:0; z-index:1; background-image:linear-gradient(rgba(169,186,208,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(169,186,208,.08) 1px,transparent 1px); background-size:48px 48px; mix-blend-mode:screen;}
    .finalcta .glow{position:absolute; width:54vw; height:54vw; border-radius:50%; filter:blur(94px); mix-blend-mode:screen; opacity:.4; background:radial-gradient(circle,var(--ai),transparent 64%); left:8%; top:8%; z-index:1;}
    .finalcta .inner{position:relative; z-index:3; width:min(820px,calc(100% - 48px));}
    .finalcta .eyebrow{color:#A9BAD0; justify-content:center;} .finalcta .eyebrow::before{background:#A9BAD0;}
    .finalcta h2{color:#fff; font-weight:700; font-size:clamp(28px,5vw,58px); line-height:1.42; margin:22px 0 0; text-shadow:0 4px 40px rgba(0,0,0,.5);}
    .finalcta h2 .mk{color:#A9BAD0;}
    .finalcta p.lead{color:rgba(255,255,255,.86); font-size:17px; margin:22px auto 0; max-width:32em;}
    .finalcta .btns{display:flex; gap:16px; justify-content:center; flex-wrap:wrap; margin-top:36px;}
    .finalcta .sub{margin-top:22px; font-family:"Space Grotesk",monospace; font-size:12px; letter-spacing:.1em; color:rgba(255,255,255,.6);}
    /* /ZOROYA:MAIN */

    /* ZOROYA:FOOTER */
    .footer{background:var(--ink2); color:rgba(255,255,255,.72); padding:58px 0 30px;}
    .footer-grid{display:grid; grid-template-columns:1.5fr 1fr 1fr; gap:34px;}
    .footer img{height:44px; width:auto; filter:brightness(0) invert(1); opacity:.9;}
    .footer h4{font-family:"Space Grotesk",monospace; font-size:11px; letter-spacing:.18em; text-transform:uppercase; color:#A9BAD0; margin:0 0 14px;}
    .footer .nap .nm{font-family:"Shippori Mincho",serif; font-weight:700; font-size:22px; color:#fff;}
    .footer .nap p{font-size:14px; line-height:1.9; margin:14px 0 0;}
    .footer .nap .tel{font-family:"Space Grotesk",monospace; color:#fff; font-weight:700; font-size:18px; margin-top:10px;}
    .footer a{display:block; color:#fff; font-size:14px; padding:6px 0; opacity:.85;} .footer a:hover{opacity:1; color:#A9BAD0;}
    .footer-bottom{border-top:1px solid var(--line-white); margin-top:36px; padding-top:22px; font-size:12px; color:rgba(255,255,255,.55); display:flex; justify-content:space-between; flex-wrap:wrap; gap:10px;}

    @media (max-width:960px){
      .hero .inner,.intro .split,.numbers .num-grid,.craft .grid,.vquote,.vsub,.pricing .top,.pricing .grid,.msg,.faq .grid,.footer-grid{grid-template-columns:1fr;}
      .pcol{position:static;} .msg .pcol{order:-1;}
      .hero{padding:48px 0 60px;} .hero-visual{order:-1;}
      .idx-row{grid-template-columns:60px 1fr; gap:14px;} .idx-row p,.idx-row .ph{display:none;}
    }
    @media (max-width:768px){
      body{font-size:15px;}
      .hd-nav{display:none;} .hd-top{grid-template-columns:auto auto;}
      .num-grid{grid-template-columns:1fr;} .tlrow{grid-template-columns:1fr; gap:6px;} .btn{width:100%;}
      .pricing .price{text-align:left;}
    }
  
/* ZOROYA fixed pages / WordPress migration support */
.zoroya-sub-nav{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.zoroya-sub-nav a,.wp-page-links a{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line,rgba(0,0,0,.14));border-radius:999px;padding:.55em 1em;font-weight:700;font-size:13px;background:rgba(255,255,255,.72)}
.zoroya-sub-nav a[aria-current="page"]{background:var(--ink,#222);color:#fff;border-color:var(--ink,#222)}
.wp-page-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
.page-main{background:var(--bg,#f7f3ed);color:var(--body,#333);min-height:60vh}
.page-hero{padding:clamp(76px,10vw,132px) 0 clamp(44px,7vw,82px);border-bottom:1px solid var(--line,rgba(0,0,0,.12));background:linear-gradient(135deg,rgba(255,255,255,.75),rgba(255,255,255,.28))}
.page-hero .section-inner,.page-section .section-inner,.zoroya-final .section-inner{width:min(1120px,calc(100% - 44px));margin:0 auto}
.page-hero h1{font-size:clamp(32px,5vw,56px);margin:.18em 0 .28em}
.page-hero p{max-width:42em;color:var(--muted,var(--body,#555));font-size:clamp(15px,1.8vw,18px)}
.page-section{padding:clamp(58px,8vw,100px) 0;border-bottom:1px solid var(--line-soft,var(--line,rgba(0,0,0,.08)))}
.page-section h2{font-size:clamp(25px,3.4vw,40px);margin-bottom:24px}
.zoroya-sub-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.zoroya-sub-card{background:var(--paper,#fff);border:1px solid var(--line,rgba(0,0,0,.12));border-radius:12px;padding:24px;box-shadow:0 18px 44px -34px rgba(0,0,0,.34)}
.zoroya-sub-card h3{font-size:clamp(19px,2vw,24px);margin-bottom:10px}
.zoroya-sub-card p,.zoroya-sub-card li{color:var(--muted,var(--body,#555));font-size:15px}
.zoroya-sub-card ul{margin:12px 0 0;padding-left:1.25em}
.zoroya-flow{display:grid;gap:14px;counter-reset:flow}
.zoroya-flow li{list-style:none;display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:start;background:rgba(255,255,255,.58);border:1px solid var(--line,rgba(0,0,0,.12));padding:18px;border-radius:10px}
.zoroya-flow li::before{counter-increment:flow;content:counter(flow,decimal-leading-zero);font-weight:800;color:var(--accent,#9a6a33);font-family:inherit}
.zoroya-info{display:grid;grid-template-columns:180px 1fr;gap:0;border-top:1px solid var(--line,rgba(0,0,0,.12));background:rgba(255,255,255,.5)}
.zoroya-info dt,.zoroya-info dd{margin:0;padding:14px 16px;border-bottom:1px solid var(--line,rgba(0,0,0,.12))}
.zoroya-info dt{font-weight:800;color:var(--ink,#222)}
.zoroya-faq{display:grid;gap:14px}
.zoroya-faq details{background:var(--paper,#fff);border:1px solid var(--line,rgba(0,0,0,.12));border-radius:10px;padding:18px 20px}
.zoroya-faq summary{cursor:pointer;font-weight:800;color:var(--ink,#222)}
.zoroya-faq p{margin-top:12px;color:var(--muted,var(--body,#555))}
.zoroya-form-slot{background:var(--paper,#fff);border:1px dashed var(--accent,#9a6a33);border-radius:12px;padding:26px}
.zoroya-final{padding:clamp(56px,8vw,94px) 0;background:var(--ink,#222);color:#fff}
.zoroya-final h2{color:#fff}
.zoroya-final p{color:rgba(255,255,255,.78);max-width:40em}
.zoroya-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:24px}
@media (max-width:768px){
  .zoroya-sub-grid,.zoroya-info{grid-template-columns:1fr}
  .zoroya-info dt{padding-bottom:4px;border-bottom:0}
  .zoroya-info dd{padding-top:4px}
  .page-hero .section-inner,.page-section .section-inner,.zoroya-final .section-inner{width:min(100% - 28px,1120px)}
}